From ad3a5f8c80cf63cc70896843dc228b1316d32598 Mon Sep 17 00:00:00 2001 From: Continuous Integration Date: Thu, 15 Feb 2024 15:23:42 +0000 Subject: [PATCH] Continuous Integration Deployment 083fbaca581eea26b5d7c4492e60ba80cd0659c2} --- 404.html | 2 +- .../4ZniKt4TZbT8WCRAvZvNf/_buildManifest.js | 1 + .../4ZniKt4TZbT8WCRAvZvNf/_ssgManifest.js | 1 + _next/static/chunks/311-749a78b3ac38ab55.js | 1 + .../[slug]/layout-9d5e9b59447b884b.js | 1 + .../app/components/layout-6e4c28913a1b0afa.js | 1 + .../accessibility/page-1781043f4ae8edbf.js | 1 + .../app/foundation/layout-094c35c4b290f814.js | 1 + .../app/status/layout-4c6a543c0ca37ee1.js | 1 + .../english/layout-9840de3a6f6282ec.js | 1 + .../general/layout-c2c6c1f8003a84fb.js | 1 + .../app/ux-writing/layout-2beca0b12ab4c6e2.js | 1 + .../swedish/layout-c5bc79e2d8815b2f.js | 1 + about.html | 4 +- about.txt | 4 +- changelog.html | 2 +- changelog.txt | 4 +- changelog/1.0.0-beta.1.html | 4 +- changelog/1.0.0-beta.1.txt | 6 +- component.html | 2 +- component.txt | 4 +- component/button%2Faccessibility.html | 2 +- component/button%2Faccessibility.txt | 6 +- .../button%2Faccessibility/accessibility.html | 2 +- .../button%2Faccessibility/accessibility.txt | 6 +- component/button%2Faccessibility/code.html | 2 +- component/button%2Faccessibility/code.txt | 6 +- component/button%2Faccessibility/design.html | 2 +- component/button%2Faccessibility/design.txt | 6 +- component/button%2Faccessibility/ux-text.html | 2 +- component/button%2Faccessibility/ux-text.txt | 6 +- component/button%2Fcode.html | 2 +- component/button%2Fcode.txt | 6 +- component/button%2Fcode/accessibility.html | 2 +- component/button%2Fcode/accessibility.txt | 6 +- component/button%2Fcode/code.html | 2 +- component/button%2Fcode/code.txt | 6 +- component/button%2Fcode/design.html | 2 +- component/button%2Fcode/design.txt | 6 +- component/button%2Fcode/ux-text.html | 2 +- component/button%2Fcode/ux-text.txt | 6 +- component/button%2Fdesign.html | 2 +- component/button%2Fdesign.txt | 6 +- component/button%2Fdesign/accessibility.html | 2 +- component/button%2Fdesign/accessibility.txt | 6 +- component/button%2Fdesign/code.html | 2 +- component/button%2Fdesign/code.txt | 6 +- component/button%2Fdesign/design.html | 2 +- component/button%2Fdesign/design.txt | 6 +- component/button%2Fdesign/ux-text.html | 2 +- component/button%2Fdesign/ux-text.txt | 6 +- component/button%2Fux-text.html | 2 +- component/button%2Fux-text.txt | 6 +- component/button%2Fux-text/accessibility.html | 2 +- component/button%2Fux-text/accessibility.txt | 6 +- component/button%2Fux-text/code.html | 2 +- component/button%2Fux-text/code.txt | 6 +- component/button%2Fux-text/design.html | 2 +- component/button%2Fux-text/design.txt | 6 +- component/button%2Fux-text/ux-text.html | 2 +- component/button%2Fux-text/ux-text.txt | 6 +- component/button.html | 5 +- component/button.txt | 13 +- component/button/accessibility.html | 4 +- component/button/accessibility.txt | 8 +- component/button/code.html | 4 +- component/button/code.txt | 8 +- component/button/design.html | 4 +- component/button/design.txt | 8 +- component/button/ux-text.html | 4 +- component/button/ux-text.txt | 8 +- component/input%2Faccessibility.html | 2 +- component/input%2Faccessibility.txt | 6 +- .../input%2Faccessibility/accessibility.html | 2 +- .../input%2Faccessibility/accessibility.txt | 6 +- component/input%2Faccessibility/code.html | 2 +- component/input%2Faccessibility/code.txt | 6 +- component/input%2Faccessibility/design.html | 2 +- component/input%2Faccessibility/design.txt | 6 +- component/input%2Faccessibility/ux-text.html | 2 +- component/input%2Faccessibility/ux-text.txt | 6 +- component/input%2Fcode.html | 2 +- component/input%2Fcode.txt | 6 +- component/input%2Fcode/accessibility.html | 2 +- component/input%2Fcode/accessibility.txt | 6 +- component/input%2Fcode/code.html | 2 +- component/input%2Fcode/code.txt | 6 +- component/input%2Fcode/design.html | 2 +- component/input%2Fcode/design.txt | 6 +- component/input%2Fcode/ux-text.html | 2 +- component/input%2Fcode/ux-text.txt | 6 +- component/input%2Fdesign.html | 2 +- component/input%2Fdesign.txt | 6 +- component/input%2Fdesign/accessibility.html | 2 +- component/input%2Fdesign/accessibility.txt | 6 +- component/input%2Fdesign/code.html | 2 +- component/input%2Fdesign/code.txt | 6 +- component/input%2Fdesign/design.html | 2 +- component/input%2Fdesign/design.txt | 6 +- component/input%2Fdesign/ux-text.html | 2 +- component/input%2Fdesign/ux-text.txt | 6 +- component/input%2Fux-text.html | 2 +- component/input%2Fux-text.txt | 6 +- component/input%2Fux-text/accessibility.html | 2 +- component/input%2Fux-text/accessibility.txt | 6 +- component/input%2Fux-text/code.html | 2 +- component/input%2Fux-text/code.txt | 6 +- component/input%2Fux-text/design.html | 2 +- component/input%2Fux-text/design.txt | 6 +- component/input%2Fux-text/ux-text.html | 2 +- component/input%2Fux-text/ux-text.txt | 6 +- component/input.html | 177 +----------------- component/input.txt | 12 +- component/input/accessibility.html | 4 +- component/input/accessibility.txt | 8 +- component/input/code.html | 4 +- component/input/code.txt | 8 +- component/input/design.html | 4 +- component/input/design.txt | 8 +- component/input/ux-text.html | 4 +- component/input/ux-text.txt | 8 +- components.html | 4 +- components.txt | 4 +- foundation.html | 4 +- foundation.txt | 4 +- foundation/accessibility.html | 2 +- foundation/accessibility.txt | 4 +- index.html | 4 +- index.txt | 4 +- sitemap.xml | 18 +- status.html | 2 +- status.txt | 4 +- ux-writing.html | 2 +- ux-writing.txt | 4 +- ux-writing/english.html | 2 +- ux-writing/english.txt | 4 +- ux-writing/general.html | 2 +- ux-writing/general.txt | 4 +- ux-writing/swedish.html | 2 +- ux-writing/swedish.txt | 4 +- 140 files changed, 297 insertions(+), 448 deletions(-) create mode 100644 _next/static/4ZniKt4TZbT8WCRAvZvNf/_buildManifest.js create mode 100644 _next/static/4ZniKt4TZbT8WCRAvZvNf/_ssgManifest.js create mode 100644 _next/static/chunks/311-749a78b3ac38ab55.js create mode 100644 _next/static/chunks/app/changelog/[slug]/layout-9d5e9b59447b884b.js create mode 100644 _next/static/chunks/app/components/layout-6e4c28913a1b0afa.js create mode 100644 _next/static/chunks/app/foundation/accessibility/page-1781043f4ae8edbf.js create mode 100644 _next/static/chunks/app/foundation/layout-094c35c4b290f814.js create mode 100644 _next/static/chunks/app/status/layout-4c6a543c0ca37ee1.js create mode 100644 _next/static/chunks/app/ux-writing/english/layout-9840de3a6f6282ec.js create mode 100644 _next/static/chunks/app/ux-writing/general/layout-c2c6c1f8003a84fb.js create mode 100644 _next/static/chunks/app/ux-writing/layout-2beca0b12ab4c6e2.js create mode 100644 _next/static/chunks/app/ux-writing/swedish/layout-c5bc79e2d8815b2f.js diff --git a/404.html b/404.html index cca0afe69..cd66e055b 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

404 - Page Not Found

Go to components
\ No newline at end of file +
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

404 - Page Not Found

Go to components
\ No newline at end of file diff --git a/_next/static/4ZniKt4TZbT8WCRAvZvNf/_buildManifest.js b/_next/static/4ZniKt4TZbT8WCRAvZvNf/_buildManifest.js new file mode 100644 index 000000000..72250943b --- /dev/null +++ b/_next/static/4ZniKt4TZbT8WCRAvZvNf/_buildManifest.js @@ -0,0 +1 @@ +self.__BUILD_MANIFEST={__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-e87e5963ec1b8011.js"],sortedPages:["/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/4ZniKt4TZbT8WCRAvZvNf/_ssgManifest.js b/_next/static/4ZniKt4TZbT8WCRAvZvNf/_ssgManifest.js new file mode 100644 index 000000000..a51848a68 --- /dev/null +++ b/_next/static/4ZniKt4TZbT8WCRAvZvNf/_ssgManifest.js @@ -0,0 +1 @@ +self.__SSG_MANIFEST=new Set(["\u002Fchangelog\u002F[slug]","\u002Fcomponent\u002F[slug]","\u002Fcomponent\u002F[slug]\u002Faccessibility","\u002Fcomponent\u002F[slug]\u002Fcode","\u002Fcomponent\u002F[slug]\u002Fdesign","\u002Fcomponent\u002F[slug]\u002Fux-text"]);self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB() \ No newline at end of file diff --git a/_next/static/chunks/311-749a78b3ac38ab55.js b/_next/static/chunks/311-749a78b3ac38ab55.js new file mode 100644 index 000000000..4e959e4b3 --- /dev/null +++ b/_next/static/chunks/311-749a78b3ac38ab55.js @@ -0,0 +1 @@ +"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[311],{3311:function(A,C,e){e.d(C,{_R:function(){return n},DD:function(){return t},cx:function(){return l},t7:function(){return V},fd:function(){return i}}),e(7561);var n=JSON.parse('[{"global_id":"log20","version":"1.0.0-beta.1","title":"v1.0.0-beta.1","summary":"We are proud to announce the first scaled down version of a new documentation site for Green Design System","date":"2023-12-12T00:00:00.000Z","body":{"raw":"\\nWe are proud to announce the first version of a new documentation site for Green Design System. We\'ve been working hard on getting this out the door and we couldn\'t wait to show what we\'ve been working on.\\n\\nIt\'s still early in the development of design and code in Green Design System and most is a subject to change but we wanted to show where this is heading and where we are right now.\\n\\nThe site is built using Next.JS as a static site to be blazingly fast.\\n\\n## Features included in this first release\\n\\n### Component pages\\n\\n- [Button](/component/button)\\n- [Input](/component/input)\\n\\nComponents pages contains general guidelines, design guidelines, code guidelines, ux text guidelines and accessibility guidelines. In this first release not all guidelines are written.\\n\\n### Search\\n\\nA search functionality to search through the content on the site. It can be accessed in the top right of the navbar or by pressing CMD+K on mac\\n\\n### Light/Dark mode\\n\\nThe site support both light mode and dark mode and listens to the users preference. It can be toggled on the site and this override the system preference if wanted.\\n","code":"var Component=(()=>{var l=Object.create;var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var f=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),w=(t,e)=>{for(var i in e)r(t,i,{get:e[i],enumerable:!0})},o=(t,e,i,a)=>{if(e&&typeof e==\\"object\\"||typeof e==\\"function\\")for(let s of g(e))!p.call(t,s)&&s!==i&&r(t,s,{get:()=>e[s],enumerable:!(a=u(e,s))||a.enumerable});return t};var b=(t,e,i)=>(i=t!=null?l(m(t)):{},o(e||!t||!t.__esModule?r(i,\\"default\\",{value:t,enumerable:!0}):i,t)),x=t=>o(r({},\\"__esModule\\",{value:!0}),t);var d=f((k,h)=>{h.exports=_jsx_runtime});var D={};w(D,{default:()=>j,frontmatter:()=>y});var n=b(d()),y={title:\\"v1.0.0-beta.1\\",version:\\"1.0.0-beta.1\\",date:new Date(17023392e5),global_id:\\"log20\\",summary:\\"We are proud to announce the first scaled down version of a new documentation site for Green Design System\\"};function c(t){let e=Object.assign({p:\\"p\\",h2:\\"h2\\",a:\\"a\\",h3:\\"h3\\",ul:\\"ul\\",li:\\"li\\"},t.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.p,{children:\\"We are proud to announce the first version of a new documentation site for Green Design System. We\'ve been working hard on getting this out the door and we couldn\'t wait to show what we\'ve been working on.\\"}),`\\n`,(0,n.jsx)(e.p,{children:\\"It\'s still early in the development of design and code in Green Design System and most is a subject to change but we wanted to show where this is heading and where we are right now.\\"}),`\\n`,(0,n.jsx)(e.p,{children:\\"The site is built using Next.JS as a static site to be blazingly fast.\\"}),`\\n`,(0,n.jsx)(e.h2,{id:\\"features-included-in-this-first-release\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#features-included-in-this-first-release\\",children:\\"Features included in this first release\\"})}),`\\n`,(0,n.jsx)(e.h3,{id:\\"component-pages\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#component-pages\\",children:\\"Component pages\\"})}),`\\n`,(0,n.jsxs)(e.ul,{children:[`\\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\\"/component/button\\",children:\\"Button\\"})}),`\\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\\"/component/input\\",children:\\"Input\\"})}),`\\n`]}),`\\n`,(0,n.jsx)(e.p,{children:\\"Components pages contains general guidelines, design guidelines, code guidelines, ux text guidelines and accessibility guidelines. In this first release not all guidelines are written.\\"}),`\\n`,(0,n.jsx)(e.h3,{id:\\"search\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#search\\",children:\\"Search\\"})}),`\\n`,(0,n.jsxs)(e.p,{children:[\\"A search functionality to search through the content on the site. It can be accessed in the top right of the navbar or by pressing \\",(0,n.jsx)(\\"code\\",{children:\\"CMD+K\\"}),\\" on mac\\"]}),`\\n`,(0,n.jsx)(e.h3,{id:\\"lightdark-mode\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#lightdark-mode\\",children:\\"Light/Dark mode\\"})}),`\\n`,(0,n.jsx)(e.p,{children:\\"The site support both light mode and dark mode and listens to the users preference. It can be toggled on the site and this override the system preference if wanted.\\"})]})}function v(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(c,t)})):c(t)}var j=v;return x(D);})();\\n;return Component;"},"_id":"changelog/1.0.0-beta.1.mdx","_raw":{"sourceFilePath":"changelog/1.0.0-beta.1.mdx","sourceFileName":"1.0.0-beta.1.mdx","sourceFileDir":"changelog","contentType":"mdx","flattenedPath":"changelog/1.0.0-beta.1"},"type":"Changelog","url_path":"/changelog/1.0.0-beta.1","pathSegments":[{"order":0,"pathName":"1.0.0-beta.1"}],"last_edited":"2024-02-15T15:22:00.611Z"}]'),t=JSON.parse('[{"global_id":"buttonaccessibility","title":"Accessibility","date":"2024-02-08T00:00:00.000Z","body":{"raw":"\\n## Accessibility\\nAll values we measure need to pass in order to give a check on the accessibility on all our components.\\n\\n### Review\\n**Review button, webcomponent 2023-12-11 - FAILED**\\n- Contrast: Passed\\n- Aria-label: Passed\\n- Keyboard navigation: **Failed**
Enter key doesn’t trigger the visual pressed-state.\\n- Darkmode: Passed\\n- Focus: Passed\\n- Screen reader: Passed\\n\\n{/* To be done: \\n=======\\n| Values to measure | Status |\\n| ---------------------- | ------------ |\\n| Contrast | Passed |\\n| Aria-label | Passed |\\n| Keyboard navigation | Failed |\\n| Darkmode | Passed |\\n| Focus | Passed |\\n| Screen reader | Passed |\\n*/}\\n\\n### Important considerations\\n\\n#### Maintain semantic consistency\\nDo not use links (a tag) instead of buttons (button tag). Buttons are intended for actions or operations (e.g. submitting forms, triggering actions), while links are intended for navigation to other pages or resources. Avoid using links for triggering actions, or buttons for navigation purposes.\\n\\n### Keyboard navigation\\nUses default navigation: trigger on key-up with space, trigger on key-down with enter.\\n\\n### Labelling\\n- Ensure buttons have discernible label text. If the button has no visible text, the label attribute must be used to provide an accessible label.\\n- If there are multiple buttons with the same text, such as *Apply*, the label attribute can be used to give each button a distinct label, such as *Apply for A, Apply for B*, etc.\\n\\n\\n\\n \\n\\n\\n \\n\\n\\n\\n#### Code examples for labelling\\n\\n``` html\\n\\nLabel text\\n\\n\\nApply\\n\\n\\n \\n```\\n## Resources\\n\\n- [Accessibility / Design Library](https://designlibrary.sebank.se/foundation/accessibility/accessibility-at-seb/)\\n- [Accessibility / SEB overall accessibility guidelines - todo](/foundation/accessibility)\\n- [MDN Webdocs / Learn more about labeling elements](https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names)","code":"var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),B=(l,e)=>{for(var i in e)a(l,i,{get:e[i],enumerable:!0})},c=(l,e,i,t)=>{if(e&&typeof e==\\"object\\"||typeof e==\\"function\\")for(let s of y(e))!g.call(l,s)&&s!==i&&a(l,s,{get:()=>e[s],enumerable:!(t=b(e,s))||t.enumerable});return l};var f=(l,e,i)=>(i=l!=null?p(u(l)):{},c(e||!l||!l.__esModule?a(i,\\"default\\",{value:l,enumerable:!0}):i,l)),A=l=>c(a({},\\"__esModule\\",{value:!0}),l);var d=m((N,o)=>{o.exports=_jsx_runtime});var w={};B(w,{default:()=>x,frontmatter:()=>v});var n=f(d()),v={title:\\"Accessibility\\",global_id:\\"buttonaccessibility\\",date:new Date(17073504e5)};function h(l){let e=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",h3:\\"h3\\",strong:\\"strong\\",ul:\\"ul\\",li:\\"li\\",h4:\\"h4\\",em:\\"em\\",div:\\"div\\",pre:\\"pre\\",code:\\"code\\",span:\\"span\\"},l.components),{Row:i,Col:t,FigmaSVG:s}=e;return t||r(\\"Col\\",!0),s||r(\\"FigmaSVG\\",!0),i||r(\\"Row\\",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h2,{id:\\"accessibility\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#accessibility\\",children:\\"Accessibility\\"})}),`\\n`,(0,n.jsx)(e.p,{children:\\"All values we measure need to pass in order to give a check on the accessibility on all our components.\\"}),`\\n`,(0,n.jsx)(e.h3,{id:\\"review\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#review\\",children:\\"Review\\"})}),`\\n`,(0,n.jsx)(e.p,{children:(0,n.jsx)(e.strong,{children:\\"Review button, webcomponent 2023-12-11 - FAILED\\"})}),`\\n`,(0,n.jsxs)(e.ul,{children:[`\\n`,(0,n.jsx)(e.li,{children:\\"Contrast: Passed\\"}),`\\n`,(0,n.jsx)(e.li,{children:\\"Aria-label: Passed\\"}),`\\n`,(0,n.jsxs)(e.li,{children:[\\"Keyboard navigation: \\",(0,n.jsx)(e.strong,{children:\\"Failed\\"}),\\" \\",(0,n.jsx)(\\"br\\",{}),\\"Enter key doesn\\\\u2019t trigger the visual pressed-state.\\"]}),`\\n`,(0,n.jsx)(e.li,{children:\\"Darkmode: Passed\\"}),`\\n`,(0,n.jsx)(e.li,{children:\\"Focus: Passed\\"}),`\\n`,(0,n.jsx)(e.li,{children:\\"Screen reader: Passed\\"}),`\\n`]}),`\\n`,`\\n`,(0,n.jsx)(e.h3,{id:\\"important-considerations\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#important-considerations\\",children:\\"Important considerations\\"})}),`\\n`,(0,n.jsx)(e.h4,{id:\\"maintain-semantic-consistency\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#maintain-semantic-consistency\\",children:\\"Maintain semantic consistency\\"})}),`\\n`,(0,n.jsx)(e.p,{children:\\"Do not use links (a tag) instead of buttons (button tag). Buttons are intended for actions or operations (e.g. submitting forms, triggering actions), while links are intended for navigation to other pages or resources. Avoid using links for triggering actions, or buttons for navigation purposes.\\"}),`\\n`,(0,n.jsx)(e.h3,{id:\\"keyboard-navigation\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#keyboard-navigation\\",children:\\"Keyboard navigation\\"})}),`\\n`,(0,n.jsx)(e.p,{children:\\"Uses default navigation: trigger on key-up with space, trigger on key-down with enter.\\"}),`\\n`,(0,n.jsx)(e.h3,{id:\\"labelling\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#labelling\\",children:\\"Labelling\\"})}),`\\n`,(0,n.jsxs)(e.ul,{children:[`\\n`,(0,n.jsx)(e.li,{children:\\"Ensure buttons have discernible label text. If the button has no visible text, the label attribute must be used to provide an accessible label.\\"}),`\\n`,(0,n.jsxs)(e.li,{children:[\\"If there are multiple buttons with the same text, such as \\",(0,n.jsx)(e.em,{children:\\"Apply\\"}),\\", the label attribute can be used to give each button a distinct label, such as \\",(0,n.jsx)(e.em,{children:\\"Apply for A, Apply for B\\"}),\\", etc.\\"]}),`\\n`]}),`\\n`,(0,n.jsxs)(i,{children:[(0,n.jsx)(t,{children:(0,n.jsx)(s,{node:\\"259-4131\\",caption:\\"Buttons with accessible labels.\\"})}),(0,n.jsx)(t,{children:(0,n.jsx)(s,{node:\\"259-4140\\",caption:\\"Icon buttons with accessible labels, label attributes.\\"})})]}),`\\n`,(0,n.jsx)(e.h4,{id:\\"code-examples-for-labelling\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#code-examples-for-labelling\\",children:\\"Code examples for labelling\\"})}),`\\n`,(0,n.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,n.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,n.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,n.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,n.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Label text\\"})]}),`\\n`,(0,n.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,n.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,n.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"label\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,n.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\\"\\\\u201DApply\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"for\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"A\\\\u201D\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Apply\\"})]}),`\\n`,(0,n.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,n.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,n.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"label\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,n.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\\"\\\\u201DClose\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"menu\\\\u201D\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"> <\\"}),(0,n.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,n.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,n.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\\"\\\\u201Dx\\\\u201D\\"}),(0,n.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">\\"})]})]})})}),`\\n`,(0,n.jsx)(e.h2,{id:\\"resources\\",children:(0,n.jsx)(e.a,{className:\\"anchor\\",href:\\"#resources\\",children:\\"Resources\\"})}),`\\n`,(0,n.jsxs)(e.ul,{children:[`\\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\\"https://designlibrary.sebank.se/foundation/accessibility/accessibility-at-seb/\\",children:\\"Accessibility / Design Library\\"})}),`\\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\\"/foundation/accessibility\\",children:\\"Accessibility / SEB overall accessibility guidelines - todo\\"})}),`\\n`,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:\\"https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names\\",children:\\"MDN Webdocs / Learn more about labeling elements\\"})}),`\\n`]})]})}function F(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,Object.assign({},l,{children:(0,n.jsx)(h,l)})):h(l)}var x=F;function r(l,e){throw new Error(\\"Expected \\"+(e?\\"component\\":\\"object\\")+\\" `\\"+l+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return A(w);})();\\n;return Component;"},"_id":"component/button/accessibility.mdx","_raw":{"sourceFilePath":"component/button/accessibility.mdx","sourceFileName":"accessibility.mdx","sourceFileDir":"component/button","contentType":"mdx","flattenedPath":"component/button/accessibility"},"type":"Component","url_path":"/component/button/accessibility","headings":[{"level":2,"text":"Accessibility","slug":"accessibility"},{"level":3,"text":"Review","slug":"review"},{"level":3,"text":"Important considerations","slug":"important-considerations"},{"level":4,"text":"Maintain semantic consistency","slug":"maintain-semantic-consistency"},{"level":3,"text":"Keyboard navigation","slug":"keyboard-navigation"},{"level":3,"text":"Labelling","slug":"labelling"},{"level":4,"text":"Code examples for labelling","slug":"code-examples-for-labelling"},{"level":2,"text":"Resources","slug":"resources"}],"pathSegments":[{"order":0,"pathName":"button"},{"order":0,"pathName":"accessibility"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[{"node":"259-4131","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"259-4140","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"}]},{"global_id":"buttoncode","title":"Code","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Code\\n\\n### Examples\\n\\n#### Default button\\n\\nThe defaut button har the prio primary and the style normal.\\n\\n\\n Send payment\\n\\n\\n```html\\nSend payment\\n```\\n\\n#### Prio\\n\\nButtons exist in three different prios, Primary, Secondary and Tertiary\\n\\n\\n
\\n Send payment\\n Cancel\\n More\\n
\\n\\n\\n```html\\nSend payment\\nCancel\\nMore\\n```\\n\\n#### Styles\\n\\nEach prio button can have one of three styles, Neutral, Positive and Negative\\n\\n\\n
\\n Submit\\n Approve\\n Revoke\\n
\\n
\\n
\\n Submit\\n Approve\\n Revoke\\n
\\n
\\n
\\n Submit\\n Approve\\n Revoke\\n
\\n\\n```html showLineNumbers {1-4}\\n\\nSubmit\\nApprove\\nRevoke\\n\\n\\nSubmit\\nApprove\\nRevoke\\n\\n\\nSubmit\\nApprove\\nRevoke\\n````\\n\\n#### Icons\\n\\nButtons exist in three different prios, Primary, Secondary and Tertiary\\n\\n\\n\\n
\\n Send payment\\n Upload\\n Download\\n
\\n\\n\\n```html\\nSend payment\\nUpload\\nDownload\\n````\\n\\n#### Sizes\\n\\nButtons can be small, medium or large. The default size is medium.\\n\\n\\n
\\n Small\\n Medium\\n Large\\n
\\n\\n\\n```html\\nSmall\\nMedium\\nLarge\\n```\\n\\n#### Icon button\\n\\nIf a single gds-icon is the only child of a button, it will render as a circular icon button.\\n\\n\\n
\\n \\n \\n \\n
\\n\\n\\n```html\\n\\n\\n\\n```\\n\\n#### Disabled\\n\\nWe don\'t encourage to use components with a disabled state but the button can be disabled if needed\\n\\n\\n
\\n Send payment\\n Cancel\\n More\\n
\\n\\n\\n```html\\nSend payment\\nCancel\\nMore\\n```","code":"var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var g=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),u=(n,e)=>{for(var r in e)a(n,r,{get:e[r],enumerable:!0})},c=(n,e,r,o)=>{if(e&&typeof e==\\"object\\"||typeof e==\\"function\\")for(let s of p(e))!A.call(n,s)&&s!==r&&a(n,s,{get:()=>e[s],enumerable:!(o=B(e,s))||o.enumerable});return n};var F=(n,e,r)=>(r=n!=null?h(y(n)):{},c(e||!n||!n.__esModule?a(r,\\"default\\",{value:n,enumerable:!0}):r,n)),m=n=>c(a({},\\"__esModule\\",{value:!0}),n);var d=g((N,t)=>{t.exports=_jsx_runtime});var E={};u(E,{default:()=>v,frontmatter:()=>b});var l=F(d()),b={title:\\"Code\\",global_id:\\"buttoncode\\",date:new Date(17032032e5)};function i(n){let e=Object.assign({h2:\\"h2\\",a:\\"a\\",h3:\\"h3\\",h4:\\"h4\\",p:\\"p\\",div:\\"div\\",pre:\\"pre\\",code:\\"code\\",span:\\"span\\"},n.components),{Pattern:r}=e;return r||f(\\"Pattern\\",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.h2,{id:\\"code\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#code\\",children:\\"Code\\"})}),`\\n`,(0,l.jsx)(e.h3,{id:\\"examples\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#examples\\",children:\\"Examples\\"})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"default-button\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#default-button\\",children:\\"Default button\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"The defaut button har the prio primary and the style normal.\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsx)(\\"gds-button\\",{children:\\"Send payment\\"})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsx)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Send payment\\"})]})})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"prio\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#prio\\",children:\\"Prio\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"Buttons exist in three different prios, Primary, Secondary and Tertiary\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{variant:\\"primary\\",children:\\"Send payment\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",children:\\"Cancel\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",children:\\"More\\"})]})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"primary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Send payment\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Cancel\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"tertiary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">More\\"})]})]})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"styles\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#styles\\",children:\\"Styles\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"Each prio button can have one of three styles, Neutral, Positive and Negative\\"}),`\\n`,(0,l.jsxs)(r,{height:\\"350px\\",children:[(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{set:\\"neutral\\",children:\\"Submit\\"}),(0,l.jsx)(\\"gds-button\\",{set:\\"positive\\",children:\\"Approve\\"}),(0,l.jsx)(\\"gds-button\\",{set:\\"negative\\",children:\\"Revoke\\"})]}),(0,l.jsx)(\\"br\\",{}),(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",set:\\"neutral\\",children:\\"Submit\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",set:\\"positive\\",children:\\"Approve\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",set:\\"negative\\",children:\\"Revoke\\"})]}),(0,l.jsx)(\\"br\\",{}),(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",set:\\"neutral\\",children:\\"Submit\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",set:\\"positive\\",children:\\"Approve\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",set:\\"negative\\",children:\\"Revoke\\"})]})]}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-line-numbers\\":\\"\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},\\"data-line-numbers-max-digits\\":\\"2\\",children:[(0,l.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",\\"data-highlighted-line\\":\\"\\",children:(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",\\"data-highlighted-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"neutral\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Submit\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",\\"data-highlighted-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"positive\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Approve\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",\\"data-highlighted-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"negative\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Revoke\\"})]}),`\\n`,(0,l.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,l.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"neutral\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Submit\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"positive\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Approve\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"negative\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Revoke\\"})]}),`\\n`,(0,l.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,l.jsx)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"tertiary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"neutral\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Submit\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"tertiary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"positive\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Approve\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"tertiary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"negative\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Revoke\\"})]})]})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"icons\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#icons\\",children:\\"Icons\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"Buttons exist in three different prios, Primary, Secondary and Tertiary\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsxs)(\\"gds-button\\",{variant:\\"primary\\",children:[(0,l.jsx)(\\"gds-icon\\",{slot:\\"lead\\",name:\\"send\\"}),\\"Send payment\\"]}),(0,l.jsxs)(\\"gds-button\\",{variant:\\"secondary\\",children:[(0,l.jsx)(\\"gds-icon\\",{slot:\\"trail\\",name:\\"arrow-up\\"}),\\"Upload\\"]}),(0,l.jsxs)(\\"gds-button\\",{variant:\\"tertiary\\",children:[(0,l.jsx)(\\"gds-icon\\",{slot:\\"lead\\",name:\\"arrow-down\\"}),\\"Download\\"]})]})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"primary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"slot\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"lead\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"send\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />Send payment\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"slot\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"trail\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"arrow-up\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />Upload\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"primary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"set\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"positive\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"slot\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"lead\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"arrow-down\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />Download\\"})]})]})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"sizes\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#sizes\\",children:\\"Sizes\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"Buttons can be small, medium or large. The default size is medium.\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{size:\\"small\\",children:\\"Small\\"}),(0,l.jsx)(\\"gds-button\\",{children:\\"Medium\\"}),(0,l.jsx)(\\"gds-button\\",{size:\\"large\\",children:\\"Large\\"})]})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"size\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"small\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Small\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Medium\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"size\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"large\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Large\\"})]})]})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"icon-button\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#icon-button\\",children:\\"Icon button\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"If a single gds-icon is the only child of a button, it will render as a circular icon button.\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{size:\\"small\\",children:(0,l.jsx)(\\"gds-icon\\",{name:\\"arrow\\"})}),(0,l.jsx)(\\"gds-button\\",{children:(0,l.jsx)(\\"gds-icon\\",{name:\\"arrow\\"})}),(0,l.jsx)(\\"gds-button\\",{size:\\"large\\",children:(0,l.jsx)(\\"gds-icon\\",{name:\\"arrow\\"})})]})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"size\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"small\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"arrow\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"arrow\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"size\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"large\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"><\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-icon\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"name\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"arrow\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" />\\"})]})]})})}),`\\n`,(0,l.jsx)(e.h4,{id:\\"disabled\\",children:(0,l.jsx)(e.a,{className:\\"anchor\\",href:\\"#disabled\\",children:\\"Disabled\\"})}),`\\n`,(0,l.jsx)(e.p,{children:\\"We don\'t encourage to use components with a disabled state but the button can be disabled if needed\\"}),`\\n`,(0,l.jsx)(r,{height:\\"350px\\",children:(0,l.jsxs)(\\"div\\",{style:{display:\\"flex\\",gap:\\"1rem\\"},children:[(0,l.jsx)(\\"gds-button\\",{variant:\\"primary\\",disabled:!0,children:\\"Send payment\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",disabled:!0,children:\\"Cancel\\"}),(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",disabled:!0,children:\\"More\\"})]})}),`\\n`,(0,l.jsx)(e.div,{\\"data-rehype-pretty-code-fragment\\":\\"\\",children:(0,l.jsx)(e.pre,{className:\\"one-dark-pro\\",style:{backgroundColor:\\"#282c34\\"},tabIndex:\\"0\\",\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",children:(0,l.jsxs)(e.code,{\\"data-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"primary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"disabled\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Send payment\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"secondary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"disabled\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">Cancel\\"})]}),`\\n`,(0,l.jsxs)(e.span,{className:\\"\\",\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"<\\"}),(0,l.jsx)(e.span,{style:{color:\\"#E06C75\\"},children:\\"gds-button\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"variant\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\"=\\"}),(0,l.jsx)(e.span,{style:{color:\\"#98C379\\"},children:\'\\"tertiary\\"\'}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#D19A66\\"},children:\\"disabled\\"}),(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\">More\\"})]})]})})})]})}function C(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(i,n)})):i(n)}var v=C;function f(n,e){throw new Error(\\"Expected \\"+(e?\\"component\\":\\"object\\")+\\" `\\"+n+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return m(E);})();\\n;return Component;"},"_id":"component/button/code.mdx","_raw":{"sourceFilePath":"component/button/code.mdx","sourceFileName":"code.mdx","sourceFileDir":"component/button","contentType":"mdx","flattenedPath":"component/button/code"},"type":"Component","url_path":"/component/button/code","headings":[{"level":2,"text":"Code","slug":"code"},{"level":3,"text":"Examples","slug":"examples"},{"level":4,"text":"Default button","slug":"default-button"},{"level":4,"text":"Prio","slug":"prio"},{"level":4,"text":"Styles","slug":"styles"},{"level":4,"text":"Icons","slug":"icons"},{"level":4,"text":"Sizes","slug":"sizes"},{"level":4,"text":"Icon button","slug":"icon-button"},{"level":4,"text":"Disabled","slug":"disabled"}],"pathSegments":[{"order":0,"pathName":"button"},{"order":0,"pathName":"code"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[]},{"global_id":"buttondesign","title":"Design","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Design\\n\\nEach button type has fully rounded corners. This creates a cohesive and consistent visual language within our design system. The differentiation in colour, border, and background helps users to easily distinguish between primary, secondary, and tertiary actions, contributing to a more intuitive and user-friendly interface.\\n\\n\\n \\n\\n\\n \\n\\n\\n \\n\\n\\n\\n
\\n\\n\\n\\n\\n## Anatomy\\n\\nA button consists of a container, a text, and an optional leading or trailing element (icon). The anatomy of a button in our design system includes various visual and functional elements that work together to create a cohesive and user-friendly interface. Here is a breakdown of the key components:\\n\\n\\n\\n \\n\\n\\n\\n\\n\\n \\n \\n *Purpose*\\n\\n Displays the primary action or information associated with the button.\\n\\n *Attributes*\\n\\n Font size, colour, and style are essential for readability and visual hierarchy.\\n\\n\\n \\n\\n *Purpose*\\n\\n Forms the overall shape of the button and contains its elements.\\n\\n *Attributes*\\n\\n Background colour or style, border-radius and dimensions.\\n \\n\\n\\n \\n \\n *Purpose*\\n\\n Defines the outer edge of the button, providing a visual separation from the surrounding elements.\\n\\n *Attributes*\\n\\n Thickness, colour, and style.\\n \\n\\n\\n\\n\\n \\n \\n *Purpose*\\n\\n Provides additional context or visual cues to users before they interact with the button.\\n\\n *Attributes*\\n\\n Size, colour, and alignment within the button.\\n\\n\\n \\n\\n *Purpose*\\n\\n Serves a similar purpose to a leading element but is positioned on the right side of the button.\\n\\n *Attributes*\\n\\n Size, colour, and alignment within the button.\\n \\n\\n\\n \\n \\n *Purpose*\\n\\n Determines the distance between the button\'s content (text, icon) and its container\'s edges.\\n\\n *Attributes*\\n\\n Ensure adequate padding for touch targets and visual balance.\\n \\n\\n\\n\\n\\n \\n \\n *Purpose*\\n\\n Communicate the button\'s current state (e.g. hovered, pressed).\\n\\n *Attributes*\\n\\n Colour changes, subtle animations, or other visual cues.\\n\\n\\n \\n \\n *Purpose*\\n\\n Ensures the button is usable by everyone, including those with disabilities.\\n\\n *Attributes*\\n\\n ARIA attributes, focus styles, and sufficient colour contrast.\\n \\n\\n \\n\\n\\n
\\n\\n## Leading and trailing elements\\n\\nAn icon positioned at the beginning is known as a leading element, the one at the end of the text is referred to as a trailing element. Both types of elements share common purposes, offering visual cues and improving the user interface. \\n\\n\\n \\n \\n ### Leading element\\n \\n Use leading elements to support the button text. \\n Some examples could be a trash can icon + text *Delete*, \\n a search icon + text *Search* and arrow to bottom icon + text *Download*. \\n\\n \\n \\n\\n\\n\\n\\n \\n \\n ### Trailing element\\n \\n Use trailing element as an affordance of what will happen when you interact with the button. For example, a button that leads the user forward in a flow, an arrow icon is a good choice. \\n \\n \\n \\n\\n\\n\\n","code":"var Component=(()=>{var u=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var f=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),y=(t,n)=>{for(var o in n)a(t,o,{get:n[o],enumerable:!0})},c=(t,n,o,i)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let r of m(n))!b.call(t,r)&&r!==o&&a(t,r,{get:()=>n[r],enumerable:!(i=p(n,r))||i.enumerable});return t};var w=(t,n,o)=>(o=t!=null?u(g(t)):{},c(n||!t||!t.__esModule?a(o,\\"default\\",{value:t,enumerable:!0}):o,t)),x=t=>c(a({},\\"__esModule\\",{value:!0}),t);var s=f((S,l)=>{l.exports=_jsx_runtime});var P={};y(P,{default:()=>D,frontmatter:()=>v});var e=w(s()),v={title:\\"Design\\",global_id:\\"buttondesign\\",date:new Date(17032032e5)};function h(t){let n=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",em:\\"em\\",h3:\\"h3\\"},t.components),{Row:o,Col:i,FigmaSVG:r}=n;return i||d(\\"Col\\",!0),r||d(\\"FigmaSVG\\",!0),o||d(\\"Row\\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:\\"design\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#design\\",children:\\"Design\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"Each button type has fully rounded corners. This creates a cohesive and consistent visual language within our design system. The differentiation in colour, border, and background helps users to easily distinguish between primary, secondary, and tertiary actions, contributing to a more intuitive and user-friendly interface.\\"}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-2977\\",caption:\\"A primary button has a solid container.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-2986\\",caption:\\"A secondary button has a transparent container and 1 px border.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-2989\\",caption:\\"A tertiary button has transparent container and no border.\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.h2,{id:\\"anatomy\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#anatomy\\",children:\\"Anatomy\\"})}),(0,e.jsx)(n.p,{children:\\"A button consists of a container, a text, and an optional leading or trailing element (icon). The anatomy of a button in our design system includes various visual and functional elements that work together to create a cohesive and user-friendly interface. Here is a breakdown of the key components:\\"})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3056\\",caption:\\"Container, text, leading and trailing element.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-6654\\",caption:\\"Text\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Displays the primary action or information associated with the button.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Font size, colour, and style are essential for readability and visual hierarchy.\\"})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-6656\\",caption:\\"Container\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Forms the overall shape of the button and contains its elements.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Background colour or style, border-radius and dimensions.\\"})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-6658\\",caption:\\"Border\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Defines the outer edge of the button, providing a visual separation from the surrounding elements.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Thickness, colour, and style.\\"})]})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-7238\\",caption:\\"Leading element\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Provides additional context or visual cues to users before they interact with the button.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Size, colour, and alignment within the button.\\"})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-7241\\",caption:\\"Trailing element\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Serves a similar purpose to a leading element but is positioned on the right side of the button.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Size, colour, and alignment within the button.\\"})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-7245\\",caption:\\"Spacing/Padding\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Determines the distance between the button\'s content (text, icon) and its container\'s edges.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Ensure adequate padding for touch targets and visual balance.\\"})]})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-7314\\",caption:\\"State indicators\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Communicate the button\'s current state (e.g. hovered, pressed).\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"Colour changes, subtle animations, or other visual cues.\\"})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(r,{node:\\"264-7319\\",caption:\\"Accessibility features\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Purpose\\"})}),(0,e.jsx)(n.p,{children:\\"Ensures the button is usable by everyone, including those with disabilities.\\"}),(0,e.jsx)(n.p,{children:(0,e.jsx)(n.em,{children:\\"Attributes\\"})}),(0,e.jsx)(n.p,{children:\\"ARIA attributes, focus styles, and sufficient colour contrast.\\"})]}),(0,e.jsx)(i,{})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"leading-and-trailing-elements\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#leading-and-trailing-elements\\",children:\\"Leading and trailing elements\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"An icon positioned at the beginning is known as a leading element, the one at the end of the text is referred to as a trailing element. Both types of elements share common purposes, offering visual cues and improving the user interface.\\"}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.h3,{id:\\"leading-element\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#leading-element\\",children:\\"Leading element\\"})}),(0,e.jsxs)(n.p,{children:[`Use leading elements to support the button text.\\nSome examples could be a trash can icon + text `,(0,e.jsx)(n.em,{children:\\"Delete\\"}),`,\\na search icon + text `,(0,e.jsx)(n.em,{children:\\"Search\\"}),\\" and arrow to bottom icon + text \\",(0,e.jsx)(n.em,{children:\\"Download\\"}),\\".\\"]})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"266-7387\\",caption:\\"Leading elements that support the button text.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.h3,{id:\\"trailing-element\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#trailing-element\\",children:\\"Trailing element\\"})}),(0,e.jsx)(n.p,{children:\\"Use trailing element as an affordance of what will happen when you interact with the button. For example, a button that leads the user forward in a flow, an arrow icon is a good choice.\\"})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"266-7448\\",caption:\\"The trailing element gives a hint on what is about to happen on click.\\"})})]})]})}function A(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,Object.assign({},t,{children:(0,e.jsx)(h,t)})):h(t)}var D=A;function d(t,n){throw new Error(\\"Expected \\"+(n?\\"component\\":\\"object\\")+\\" `\\"+t+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return x(P);})();\\n;return Component;"},"_id":"component/button/design.mdx","_raw":{"sourceFilePath":"component/button/design.mdx","sourceFileName":"design.mdx","sourceFileDir":"component/button","contentType":"mdx","flattenedPath":"component/button/design"},"type":"Component","url_path":"/component/button/design","headings":[{"level":2,"text":"Design","slug":"design"},{"level":2,"text":"Anatomy","slug":"anatomy"},{"level":2,"text":"Leading and trailing elements","slug":"leading-and-trailing-elements"}],"pathSegments":[{"order":0,"pathName":"button"},{"order":0,"pathName":"design"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[{"node":"258-2977","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-2986","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-2989","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3056","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-6654","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-6656","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-6658","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-7238","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-7241","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-7245","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-7314","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"264-7319","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"266-7387","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"266-7448","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"}]},{"global_id":"buttonbutton","title":"Button","summary":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.","date":"2023-12-22T00:00:00.000Z","tags":"form, button group","status":"work in progress","preview":"Primary default button","body":{"raw":"\\n## Overview\\n\\nA button serve as an interactive element that enables users to perform an action or make a choice with a simple click or tap. To decide which kind of button/buttons and putting them in the right order is key to make sure users know how to take the right action. A good rule of thumb is to use only one primary action in each context. \\n\\n## Buttons\\n\\nWe have a group of different buttons used for specific purposes.\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n \\n \\n \\n \\n \\n \\n \\n {/* */}\\n \\n\\n\\n### Default button\\n\\nThe default button is our most used button. It comes in primary, secondary and tertiary, and the sizes small, medium and large.\\n\\nThe default button can be used as the positive, negative and inverted type. \\n\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n
\\n\\n### Icon button\\n\\nWhen there is space, the icon button should always be grouped with a text label. This text provides additional context for users who may not understand the icon alone. If space is not available the icon need to be self explanatory, and have a tooltip function explaining the action.\\n\\nThe icon button comes in primary, secondary, and tertiary. In the sizes small, medium, and large. The icon button also comes as a tonal in two sets. One tonal in grey, used mostly on our container colour. And a few custom tonal combinations, used on custom combination cards. For example our alert ribbons.\\n\\nThe icon button can be used as the positive, negative and inverted type also when the context needs it. \\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n\\n\\n\\n### Floating action button\\n\\nOnly used for functions central to the user experience, such as support and help features that needs to be accessible at all times.\\n\\nThe button is always floating visible in the users viewport, typically in the lower right corner. This button can be used with an icon only.\\n\\nUsed only as primary.\\n\\n\\n\\n\\n\\n### Split button\\n\\nThe split button always has a primary action. This action is most likely to be used by the customer as the default action.When users click on the primary action, it triggers this action directly, such as submitting a form, confirming a selection, or initiating a process.\\n\\nThe users can click on the dropdown arrow to reveal a dropdown menu providing secondary or additional options.\\n\\nThe split button comes in both primary and secondary.\\n\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n### Next and back button\\n\\nUsed inside flows to signal the direction forward or backward.\\n\\nBack button comes in both primary and secondary state depending on what suits the content. The next button comes as primary only.\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n
\\n\\n## Style\\n\\n- **Default**: The preferred choice of button in most contexts.\\n- **Positive**: To be decided.\\n- **Negative**: Use for the actions that may be harmful or destructive. A good example is deleting\\n- **Tonal**: Only used internal in other components (to match a background).\\n- **Inverted**: Used to place on other than the normal backgrounds (typically darker tones).\\n\\n\\n\\n
\\n\\n\\n\\n\\n## Hierarchy\\n\\nIt\'s critical to find the right balance of what buttons to use. It\'s up to us as designers to guide and inform the users to take the right action.\\n\\n- **Primary buttons** require the most attention from your users.\\n- **Secondary buttons**, as the name says, is the second most likely choice.\\n- **Tertiary buttons** are used for less used or unwanted actions that is still relevant to find.\\n\\n\\n\\n\\n \\n\\n\\n\\n
\\n\\n## Button sizes\\n\\nThe default button and icon button comes in a few different sizes. 32, 40 and 48 px. \\n\\n\\n\\n \\n\\n\\n \\n\\n\\n \\n\\n\\n\\n
\\n\\n## Placements, right, left or stacked?\\n\\nA general rule is to always strive to place buttons in connection to the items they control. \\n\\n### Desktop placements\\n\\n- **Left:** In overviews and widgets, the user tends to read from top to bottom, therefore the buttons are kept to the left.\\n- **Right:** Modals and flows move the user from left to right, therefore the buttons are placed to the right. \\n\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n### In a mobile device\\n\\n- **One button**, use the full width of the content area.\\n- **Two buttons**, aim to place them side by side. It is allowed to stack them if needed.\\n- **Three buttons**, consider the need for all of them. \\"cancel or close\\" might be x in the top right corner. Worst case scenario: place two buttons side by side and one tertiary button under.\\n\\n\\n \\n \\n \\n \\n \\n \\n\\n\\n
\\n\\n## Wait-time after button pressed.\\n\\nTo be explored.\\n\\n
\\n\\n## Do’s and don’ts\\n\\n**Do**\\n\\n- Only use one primary action in the same context of several actions.\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n","code":"var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),w=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},s=(i,n,r,t)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of b(n))!g.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=m(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?p(f(i)):{},s(n||!i||!i.__esModule?a(r,\\"default\\",{value:i,enumerable:!0}):r,i)),k=i=>s(a({},\\"__esModule\\",{value:!0}),i);var h=y((S,l)=>{l.exports=_jsx_runtime});var I={};w(I,{default:()=>N,frontmatter:()=>x});var e=v(h()),x={title:\\"Button\\",summary:\\"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.\\",date:new Date(17032032e5),global_id:\\"buttonbutton\\",status:\\"work in progress\\",tags:\\"form, button group\\",preview:\'Primary default button\'};function u(i){let n=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",h3:\\"h3\\",ul:\\"ul\\",li:\\"li\\",strong:\\"strong\\"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:d}=n;return t||c(\\"Col\\",!0),d||c(\\"Do\\",!0),o||c(\\"FigmaSVG\\",!0),r||c(\\"Row\\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:\\"overview\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#overview\\",children:\\"Overview\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"A button serve as an interactive element that enables users to perform an action or make a choice with a simple click or tap. To decide which kind of button/buttons and putting them in the right order is key to make sure users know how to take the right action. A good rule of thumb is to use only one primary action in each context.\\"}),`\\n`,(0,e.jsx)(n.h2,{id:\\"buttons\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#buttons\\",children:\\"Buttons\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"We have a group of different buttons used for specific purposes.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1446\\",caption:\\"Default button\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1455\\",caption:\\"Icon button\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1458\\",caption:\\"Floating action button\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-9028\\",caption:\\"Split button\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-9030\\",caption:\\"Next and back button\\"})}),(0,e.jsx)(t,{})]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"default-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#default-button\\",children:\\"Default button\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"The default button is our most used button. It comes in primary, secondary and tertiary, and the sizes small, medium and large.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"The default button can be used as the positive, negative and inverted type.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-15292\\",caption:\\"Primary, secondary and tertiary\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-15605\\",caption:\\"Positive and negative\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h3,{id:\\"icon-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#icon-button\\",children:\\"Icon button\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"When there is space, the icon button should always be grouped with a text label. This text provides additional context for users who may not understand the icon alone. If space is not available the icon need to be self explanatory, and have a tooltip function explaining the action.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"The icon button comes in primary, secondary, and tertiary. In the sizes small, medium, and large. The icon button also comes as a tonal in two sets. One tonal in grey, used mostly on our container colour. And a few custom tonal combinations, used on custom combination cards. For example our alert ribbons.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"The icon button can be used as the positive, negative and inverted type also when the context needs it.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1363\\",caption:\\"Icon button \\\\u2013 default and positive\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1372\\",caption:\\"Tonal and custom tonal\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-1375\\",caption:\\"Tonal custom combinations on alert ribbon\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"floating-action-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#floating-action-button\\",children:\\"Floating action button\\"})}),(0,e.jsx)(n.p,{children:\\"Only used for functions central to the user experience, such as support and help features that needs to be accessible at all times.\\"}),(0,e.jsx)(n.p,{children:\\"The button is always floating visible in the users viewport, typically in the lower right corner. This button can be used with an icon only.\\"}),(0,e.jsx)(n.p,{children:\\"Used only as primary.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-17491\\",caption:\\"Floating action button\\"})})]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"split-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#split-button\\",children:\\"Split button\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"The split button always has a primary action. This action is most likely to be used by the customer as the default action.When users click on the primary action, it triggers this action directly, such as submitting a form, confirming a selection, or initiating a process.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"The users can click on the dropdown arrow to reveal a dropdown menu providing secondary or additional options.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"The split button comes in both primary and secondary.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-18284\\",caption:\\"Split button \\\\u2013 primary and secondary\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"574-5488\\",caption:\\"Split button \\\\u2013 active with dropdown\\"})})]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"next-and-back-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#next-and-back-button\\",children:\\"Next and back button\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"Used inside flows to signal the direction forward or backward.\\"}),`\\n`,(0,e.jsx)(n.p,{children:\\"Back button comes in both primary and secondary state depending on what suits the content. The next button comes as primary only.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-18340\\",caption:\\"Next button\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-18349\\",caption:\\"Back button \\\\u2013 primary\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"227-18352\\",caption:\\"Back button \\\\u2013 secondary\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"style\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#style\\",children:\\"Style\\"})}),`\\n`,(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Default\\"}),\\": The preferred choice of button in most contexts.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Positive\\"}),\\": To be decided.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Negative\\"}),\\": Use for the actions that may be harmful or destructive. A good example is deleting\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Tonal\\"}),\\": Only used internal in other components (to match a background).\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Inverted\\"}),\\": Used to place on other than the normal backgrounds (typically darker tones).\\"]}),`\\n`]}),`\\n`,(0,e.jsx)(o,{node:\\"232-2274\\",caption:\\"Button styles\\",height:\\"300\\"}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h2,{id:\\"hierarchy\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#hierarchy\\",children:\\"Hierarchy\\"})}),(0,e.jsx)(n.p,{children:\\"It\'s critical to find the right balance of what buttons to use. It\'s up to us as designers to guide and inform the users to take the right action.\\"}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Primary buttons\\"}),\\" require the most attention from your users.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Secondary buttons\\"}),\\", as the name says, is the second most likely choice.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Tertiary buttons\\"}),\\" are used for less used or unwanted actions that is still relevant to find.\\"]}),`\\n`]})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"232-3072\\",caption:\\"From the top \\\\u2013 primary, secondary, tertiary\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"button-sizes\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#button-sizes\\",children:\\"Button sizes\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"The default button and icon button comes in a few different sizes. 32, 40 and 48 px.\\"}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"232-3342\\",caption:\\"Small \\\\u2013 used in confined spaces, like tables.\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"232-3344\\",caption:\\"Medium \\\\u2013 the default size. When in doubt, go for medium.\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"232-3346\\",caption:\\"Large \\\\u2013 only used in large areas like a hero.\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"placements-right-left-or-stacked\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#placements-right-left-or-stacked\\",children:\\"Placements, right, left or stacked?\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"A general rule is to always strive to place buttons in connection to the items they control.\\"}),`\\n`,(0,e.jsx)(n.h3,{id:\\"desktop-placements\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#desktop-placements\\",children:\\"Desktop placements\\"})}),`\\n`,(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Left:\\"}),\\" In overviews and widgets, the user tends to read from top to bottom, therefore the buttons are kept to the left.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Right:\\"}),\\" Modals and flows move the user from left to right, therefore the buttons are placed to the right.\\"]}),`\\n`]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"489-7502\\",caption:\\"Placement left\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"232-3505\\",caption:\\"Placement right\\"})})]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"in-a-mobile-device\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#in-a-mobile-device\\",children:\\"In a mobile device\\"})}),`\\n`,(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"One button\\"}),\\", use the full width of the content area.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Two buttons\\"}),\\", aim to place them side by side. It is allowed to stack them if needed.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Three buttons\\"}),\', consider the need for all of them. \\"cancel or close\\" might be x in the top right corner. Worst case scenario: place two buttons side by side and one tertiary button under.\']}),`\\n`]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"489-7723\\",caption:\\"One button in mobile\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"489-7651\\",caption:\\"Side by side in mobile\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"wait-time-after-button-pressed\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#wait-time-after-button-pressed\\",children:\\"Wait-time after button pressed.\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"To be explored.\\"}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"dos-and-donts\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#dos-and-donts\\",children:\\"Do\\\\u2019s and don\\\\u2019ts\\"})}),`\\n`,(0,e.jsx)(n.p,{children:(0,e.jsx)(n.strong,{children:\\"Do\\"})}),`\\n`,(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\\"Only use one primary action in the same context of several actions.\\"}),`\\n`]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:\\"312-3091\\"})})}),(0,e.jsx)(t,{})]})]})}function T(i={}){let{wrapper:n}=i.components||{};return n?(0,e.jsx)(n,Object.assign({},i,{children:(0,e.jsx)(u,i)})):u(i)}var N=T;function c(i,n){throw new Error(\\"Expected \\"+(n?\\"component\\":\\"object\\")+\\" `\\"+i+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return k(I);})();\\n;return Component;"},"_id":"component/button/index.mdx","_raw":{"sourceFilePath":"component/button/index.mdx","sourceFileName":"index.mdx","sourceFileDir":"component/button","contentType":"mdx","flattenedPath":"component/button"},"type":"Component","url_path":"/component/button","headings":[{"level":2,"text":"Overview","slug":"overview"},{"level":2,"text":"Buttons","slug":"buttons"},{"level":3,"text":"Default button","slug":"default-button"},{"level":3,"text":"Icon button","slug":"icon-button"},{"level":3,"text":"Floating action button","slug":"floating-action-button"},{"level":3,"text":"Split button","slug":"split-button"},{"level":3,"text":"Next and back button","slug":"next-and-back-button"},{"level":2,"text":"Style","slug":"style"},{"level":2,"text":"Hierarchy","slug":"hierarchy"},{"level":2,"text":"Button sizes","slug":"button-sizes"},{"level":2,"text":"Placements, right, left or stacked?","slug":"placements-right-left-or-stacked"},{"level":3,"text":"Desktop placements","slug":"desktop-placements"},{"level":3,"text":"In a mobile device","slug":"in-a-mobile-device"},{"level":2,"text":"Wait-time after button pressed.","slug":"wait-time-after-button-pressed"},{"level":2,"text":"Do’s and don’ts","slug":"dos-and-donts"}],"pathSegments":[{"order":0,"pathName":"button"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[{"node":"227-1446","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-1455","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-1458","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-9028","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-9030","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-9032","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-15292","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-15605","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-1363","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-1372","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-1375","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-17491","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-18284","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"574-5488","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-18340","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-18349","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"227-18352","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-2274","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-3072","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-3342","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-3344","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-3346","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"489-7502","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"232-3505","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"489-7723","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"489-7651","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"312-3091","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"}]},{"global_id":"buttonuxtext","title":"UX Text","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## UX text\\n\\nThe button text should answer the question \\"What is happening?\\" when the user clicks it, but if the purpose of the button is to convert, it should answer the question \\"What do I get?\\".\\n\\n### Use commands and requests in the button\\n\\nYou should primarily use verbs in the imperative mood, which is the form of the verb \\nthat conveys commands or requests, for example, *Order, Apply, Submit and Sign.* \\nIf needed, you can add what happens, for example, *Write a new message* or *Add a row*. \\nIn special cases, the button may consist of another type of text, for example, *This solution suits me.*\\n\\n### Avoid Perform and Okay\\n\\nAvoid using words like *Perform (Utf\xf6r) and Okay (Okej)* in buttons. \\nPerform is too formal and Okay is too vague and doesn’t answer the question “What is happening?” when the user clicks the button.\\n\\n### Standard button texts\\n\\nStandard text for our most commonly used buttons.\\n\\n\\n(N\xe4sta)\\" />\\n(Tillbaka)\\" />\\n(Avbryt)\\" />\\n\\n\\n(Ta bort)\\" />\\n(\xc4ndra) – takes the user to edit mode.\\" />\\n(Spara)\\" />\\n\\n\\n(St\xe4ng) – closing a dialog, modal, slide-out etc.\\" />\\n(Signera) – signing with BankID.\\" />\\n(Identifiera dig) – identifying with BankID.\\" />\\n\\n\\n
\\n\\n\\n\\n\\n\\n## Cancel and close\\n\\nIt is important to avoid confusion for the user which button to click. The combination *Cancel* and *Close* is very similar. Instead, use *Back* as the secondary action when primary action is *Cancel*.\\n\\n\\n\\n\\n \\n\\n\\n\\n\\n
\\n\\n## Do’s and don’ts\\n\\n\\n\\n\\n**Do**\\n\\n- Answer the question “What is happening?” or “What do I get?”.\\n- Use commands or requests in the button.\\n- Use *Back* as secondary action in modals where primary actions is *Cancel*.\\n\\n\\n\\n\\n**Don’t**\\n\\n- Avoid the formal *Perform (Utf\xf6r)* and the vague *Okay (Okej)*.\\n- Do not use primary and secondary button text that is too similar to each other.\\n\\n\\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n","code":"var Component=(()=>{var f=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),w=(t,n)=>{for(var o in n)c(t,o,{get:n[o],enumerable:!0})},l=(t,n,o,a)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let i of x(n))!b.call(t,i)&&i!==o&&c(t,i,{get:()=>n[i],enumerable:!(a=g(n,i))||a.enumerable});return t};var E=(t,n,o)=>(o=t!=null?f(S(t)):{},l(n||!t||!t.__esModule?c(o,\\"default\\",{value:t,enumerable:!0}):o,t)),k=t=>l(c({},\\"__esModule\\",{value:!0}),t);var u=y((q,m)=>{m.exports=_jsx_runtime});var j={};w(j,{default:()=>C,frontmatter:()=>v});var e=E(u()),v={title:\\"UX Text\\",global_id:\\"buttonuxtext\\",date:new Date(17032032e5)};function p(t){let n=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",h3:\\"h3\\",em:\\"em\\",strong:\\"strong\\",ul:\\"ul\\",li:\\"li\\"},t.components),{SE:o,Row:a,Col:i,FigmaSVG:r,Do:h,Dont:s}=n;return i||d(\\"Col\\",!0),h||d(\\"Do\\",!0),s||d(\\"Dont\\",!0),r||d(\\"FigmaSVG\\",!0),a||d(\\"Row\\",!0),o||d(\\"SE\\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:\\"ux-text\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#ux-text\\",children:\\"UX text\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\'The button text should answer the question \\"What is happening?\\" when the user clicks it, but if the purpose of the button is to convert, it should answer the question \\"What do I get?\\".\'}),`\\n`,(0,e.jsx)(n.h3,{id:\\"use-commands-and-requests-in-the-button\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#use-commands-and-requests-in-the-button\\",children:\\"Use commands and requests in the button\\"})}),`\\n`,(0,e.jsxs)(n.p,{children:[`You should primarily use verbs in the imperative mood, which is the form of the verb\\nthat conveys commands or requests, for example, `,(0,e.jsx)(n.em,{children:\\"Order, Apply, Submit and Sign.\\"}),`\\nIf needed, you can add what happens, for example, `,(0,e.jsx)(n.em,{children:\\"Write a new message\\"}),\\" or \\",(0,e.jsx)(n.em,{children:\\"Add a row\\"}),`.\\nIn special cases, the button may consist of another type of text, for example, `,(0,e.jsx)(n.em,{children:\\"This solution suits me.\\"})]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"avoid-perform-and-okay\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#avoid-perform-and-okay\\",children:\\"Avoid Perform and Okay\\"})}),`\\n`,(0,e.jsxs)(n.p,{children:[\\"Avoid using words like \\",(0,e.jsxs)(n.em,{children:[\\"Perform \\",(0,e.jsx)(o,{children:\\"(Utf\\\\xF6r)\\"}),\\" and Okay \\",(0,e.jsx)(o,{children:\\"(Okej)\\"})]}),` in buttons.\\nPerform is too formal and Okay is too vague and doesn\\\\u2019t answer the question \\\\u201CWhat is happening?\\\\u201D when the user clicks the button.`]}),`\\n`,(0,e.jsx)(n.h3,{id:\\"standard-button-texts\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#standard-button-texts\\",children:\\"Standard button texts\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\\"Standard text for our most commonly used buttons.\\"}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3237\\",caption:\\"Next (N\\\\xE4sta)\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3242\\",caption:\\"Back (Tillbaka)\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3247\\",caption:\\"Cancel (Avbryt)\\"})})]}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3280\\",caption:\\"Delete (Ta bort)\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3285\\",caption:\\"Change (\\\\xC4ndra) \\\\u2013 takes the user to edit mode.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3290\\",caption:\\"Save (Spara)\\"})})]}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3908\\",caption:\\"Close (St\\\\xE4ng) \\\\u2013 closing a dialog, modal, slide-out etc.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3911\\",caption:\\"Sign (Signera) \\\\u2013 signing with BankID.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3913\\",caption:\\"Identify yourself (Identifiera dig) \\\\u2013 identifying with BankID.\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.h2,{id:\\"cancel-and-close\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#cancel-and-close\\",children:\\"Cancel and close\\"})}),(0,e.jsxs)(n.p,{children:[\\"It is important to avoid confusion for the user which button to click. The combination \\",(0,e.jsx)(n.em,{children:\\"Cancel\\"}),\\" and \\",(0,e.jsx)(n.em,{children:\\"Close\\"}),\\" is very similar. Instead, use \\",(0,e.jsx)(n.em,{children:\\"Back\\"}),\\" as the secondary action when primary action is \\",(0,e.jsx)(n.em,{children:\\"Cancel\\"}),\\".\\"]})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"259-4049\\",caption:\\"This is a good example of avoiding confusion for the customer.\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"dos-and-donts\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#dos-and-donts\\",children:\\"Do\\\\u2019s and don\\\\u2019ts\\"})}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.p,{children:(0,e.jsx)(n.strong,{children:\\"Do\\"})}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\\"Answer the question \\\\u201CWhat is happening?\\\\u201D or \\\\u201CWhat do I get?\\\\u201D.\\"}),`\\n`,(0,e.jsx)(n.li,{children:\\"Use commands or requests in the button.\\"}),`\\n`,(0,e.jsxs)(n.li,{children:[\\"Use \\",(0,e.jsx)(n.em,{children:\\"Back\\"}),\\" as secondary action in modals where primary actions is \\",(0,e.jsx)(n.em,{children:\\"Cancel\\"}),\\".\\"]}),`\\n`]})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(n.p,{children:(0,e.jsx)(n.strong,{children:\\"Don\\\\u2019t\\"})}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[\\"Avoid the formal \\",(0,e.jsxs)(n.em,{children:[\\"Perform \\",(0,e.jsx)(o,{children:\\"(Utf\\\\xF6r)\\"})]}),\\" and the vague \\",(0,e.jsxs)(n.em,{children:[\\"Okay \\",(0,e.jsx)(o,{children:\\"(Okej)\\"})]}),\\".\\"]}),`\\n`,(0,e.jsx)(n.li,{children:\\"Do not use primary and secondary button text that is too similar to each other.\\"}),`\\n`]})]})]}),`\\n`,(0,e.jsxs)(a,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(h,{children:(0,e.jsx)(r,{node:\\"258-3354\\"})})}),(0,e.jsx)(i,{children:(0,e.jsx)(s,{children:(0,e.jsx)(r,{node:\\"258-3385\\"})})})]})]})}function D(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,Object.assign({},t,{children:(0,e.jsx)(p,t)})):p(t)}var C=D;function d(t,n){throw new Error(\\"Expected \\"+(n?\\"component\\":\\"object\\")+\\" `\\"+t+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return k(j);})();\\n;return Component;"},"_id":"component/button/ux-text.mdx","_raw":{"sourceFilePath":"component/button/ux-text.mdx","sourceFileName":"ux-text.mdx","sourceFileDir":"component/button","contentType":"mdx","flattenedPath":"component/button/ux-text"},"type":"Component","url_path":"/component/button/ux-text","headings":[{"level":2,"text":"UX text","slug":"ux-text"},{"level":3,"text":"Use commands and requests in the button","slug":"use-commands-and-requests-in-the-button"},{"level":3,"text":"Avoid Perform and Okay","slug":"avoid-perform-and-okay"},{"level":3,"text":"Standard button texts","slug":"standard-button-texts"},{"level":2,"text":"Cancel and close","slug":"cancel-and-close"},{"level":2,"text":"Do’s and don’ts","slug":"dos-and-donts"}],"pathSegments":[{"order":0,"pathName":"button"},{"order":0,"pathName":"ux-text"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[{"node":"258-3237","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3242","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3247","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3280","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3285","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3290","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3908","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3911","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3913","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"259-4049","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3354","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},{"node":"258-3385","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"}]},{"global_id":"inputaccessibility","title":"Accessibility","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Coming soon\\nThis page will be updated with information soon.","code":"var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)s(n,o,{get:t[o],enumerable:!0})},c=(n,t,o,a)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let i of g(t))!u.call(n,i)&&i!==o&&s(n,i,{get:()=>t[i],enumerable:!(a=h(t,i))||a.enumerable});return n};var f=(n,t,o)=>(o=n!=null?d(p(n)):{},c(t||!n||!n.__esModule?s(o,\\"default\\",{value:n,enumerable:!0}):o,n)),j=n=>c(s({},\\"__esModule\\",{value:!0}),n);var l=x((M,r)=>{r.exports=_jsx_runtime});var C={};_(C,{default:()=>y,frontmatter:()=>b});var e=f(l()),b={title:\\"Accessibility\\",global_id:\\"inputaccessibility\\",date:new Date(17032032e5)};function m(n){let t=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:\\"coming-soon\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#coming-soon\\",children:\\"Coming soon\\"})}),`\\n`,(0,e.jsx)(t.p,{children:\\"This page will be updated with information soon.\\"})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(m,n)})):m(n)}var y=w;return j(C);})();\\n;return Component;"},"_id":"component/input/accessibility.mdx","_raw":{"sourceFilePath":"component/input/accessibility.mdx","sourceFileName":"accessibility.mdx","sourceFileDir":"component/input","contentType":"mdx","flattenedPath":"component/input/accessibility"},"type":"Component","url_path":"/component/input/accessibility","headings":[{"level":2,"text":"Coming soon","slug":"coming-soon"}],"pathSegments":[{"order":0,"pathName":"input"},{"order":0,"pathName":"accessibility"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[]},{"global_id":"inputcode","title":"Code","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Coming soon\\nThis page will be updated with information soon.\\n","code":"var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)a(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,i)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let s of g(t))!u.call(n,s)&&s!==o&&a(n,s,{get:()=>t[s],enumerable:!(i=l(t,s))||i.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(p(n)):{},r(t||!n||!n.__esModule?a(o,\\"default\\",{value:n,enumerable:!0}):o,n)),j=n=>r(a({},\\"__esModule\\",{value:!0}),n);var d=x((F,c)=>{c.exports=_jsx_runtime});var D={};_(D,{default:()=>C,frontmatter:()=>b});var e=f(d()),b={title:\\"Code\\",global_id:\\"inputcode\\",date:new Date(17032032e5)};function m(n){let t=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:\\"coming-soon\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#coming-soon\\",children:\\"Coming soon\\"})}),`\\n`,(0,e.jsx)(t.p,{children:\\"This page will be updated with information soon.\\"})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(m,n)})):m(n)}var C=w;return j(D);})();\\n;return Component;"},"_id":"component/input/code.mdx","_raw":{"sourceFilePath":"component/input/code.mdx","sourceFileName":"code.mdx","sourceFileDir":"component/input","contentType":"mdx","flattenedPath":"component/input/code"},"type":"Component","url_path":"/component/input/code","headings":[{"level":2,"text":"Coming soon","slug":"coming-soon"}],"pathSegments":[{"order":0,"pathName":"input"},{"order":0,"pathName":"code"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[]},{"global_id":"inputdesign","title":"Design","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Coming soon\\nThis page will be updated with information soon.","code":"var Component=(()=>{var h=Object.create;var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)i(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,a)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let s of g(t))!u.call(n,s)&&s!==o&&i(n,s,{get:()=>t[s],enumerable:!(a=l(t,s))||a.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(p(n)):{},r(t||!n||!n.__esModule?i(o,\\"default\\",{value:n,enumerable:!0}):o,n)),j=n=>r(i({},\\"__esModule\\",{value:!0}),n);var m=x((F,c)=>{c.exports=_jsx_runtime});var C={};_(C,{default:()=>D,frontmatter:()=>b});var e=f(m()),b={title:\\"Design\\",global_id:\\"inputdesign\\",date:new Date(17032032e5)};function d(n){let t=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:\\"coming-soon\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#coming-soon\\",children:\\"Coming soon\\"})}),`\\n`,(0,e.jsx)(t.p,{children:\\"This page will be updated with information soon.\\"})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var D=w;return j(C);})();\\n;return Component;"},"_id":"component/input/design.mdx","_raw":{"sourceFilePath":"component/input/design.mdx","sourceFileName":"design.mdx","sourceFileDir":"component/input","contentType":"mdx","flattenedPath":"component/input/design"},"type":"Component","url_path":"/component/input/design","headings":[{"level":2,"text":"Coming soon","slug":"coming-soon"}],"pathSegments":[{"order":0,"pathName":"input"},{"order":0,"pathName":"design"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[]},{"global_id":"inputinput","title":"Input","summary":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.","date":"2023-12-22T00:00:00.000Z","tags":"form","status":"work in progress","node":"606-6849","body":{"raw":"\\n## Overview \\n\\nInput are used to let the user enter text or numbers in a form.Optional field indicator. We always strive to only ask for mandatory information, so we want to inform users if some fields are optional. We do this by adding a parenthesis with the words \\"optional\\" next to the label with the field.\\n\\n{/* */}\\n\\n\\n\\n### Variants\\nTo be able to use forms in all context\'s we provide 2 versions of input fields.\\n\\n- **Label outside** (default): Includes all the features we need in complex forms.\\n- **Label inside**: gives a more clean look but doesn\'t work for longer labels and can only be used in specific contexts.\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n### Sets\\nTo be able to use forms in all context\'s we provide 2 versions of input fields.\\n\\n- Regular text field\\n- Multi lined text field, Multiple lines. Some text fields require a lot more text to be entered. A simple example would be description of a payment. For this we use the multi-line version of the input-field. This is often known as a text area or free text. Counter. For some fields it\'s critical that users know the limitations. Counters start at the max and count down to zero. When the counter comes close to zero the appearance shifts to red to warn the user before the fields stops accepting input.\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n### Sizes\\nThe input fields come in two sizes.\\n\\n- **Normal**: used in most cases.\\n- **Small**: used in tables and in some special cases where the space is very limited.\\n\\n\\n\\n\\n\\n
\\n\\n## Features\\n\\n\\n\\n### Label\\nAll input fields need a label. Keep the label short and to the point.\\n\\n\\n\\n\\n\\n\\n### Label support text\\n\\nUse this to explain how to fill the field. This may be an instruction of how to count or what to include. Limit the instructions to details that all or most users need.\\n\\n\\n\\n\\n\\n\\n\\n### Field help\\nWe can provide three types of help in relation to input fields\\n\\n- Instruction text: Additional instruction of how to think, what we expect, or what format is required.\\n- Contextual help: Either as a tooltip, extended help that increase the size of the field with more instructions, or a slide-out with helptext.\\n- Error text: If users fail in filling the field with correct information, the last help is the error text that can guide to a solution based on the entered information.\\n\\n\\n\\n\\n\\n\\n\\n### Field counter\\nText missing...\\n\\n\\n\\n\\n\\n\\n\\n### Dynamic information\\n\\nUsed to perform comparative calculations next to the field. For example if users fill out salary after taxes, the dynamic information may show the salary before taxes.\\n\\n\\n\\n\\n\\n\\n\\n\\n### Static data\\n\\nSometimes you may want to output data from the system inside a form, but it\'s hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don\'t use disabled fields.\\n\\n\\n\\n\\n\\n\\n\\n\\n### Auto complete\\nInput text can be used with auto complete to help users who have limited literacy or who write in a foreign language.Sometimes you may want to output data from the system inside a form, but it\'s hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don\'t use disabled fields.\\n\\n\\n\\n\\n\\n
\\n\\n## Do’s and dont’s\\n\\n\\n\\n\\n**Do**\\n\\n- Use \\"optional\\" to mark optional fields.\\n\\n\\n\\n**Don’t**\\n\\n- Use asterix for indicate mandatory fields.\\n- Avoid using watermarks or placeholders. \\n\\n\\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n\\n \\n \\n \\n \\n \\n \\n \\n","code":"var Component=(()=>{var f=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),g=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},h=(i,n,r,t)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of x(n))!b.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=p(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?f(w(i)):{},h(n||!i||!i.__esModule?a(r,\\"default\\",{value:i,enumerable:!0}):r,i)),N=i=>h(a({},\\"__esModule\\",{value:!0}),i);var u=y((_,c)=>{c.exports=_jsx_runtime});var T={};g(T,{default:()=>k,frontmatter:()=>D});var e=v(u()),D={title:\\"Input\\",summary:\\"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.\\",date:new Date(17032032e5),global_id:\\"inputinput\\",status:\\"work in progress\\",tags:\\"form\\",node:\\"606-6849\\"};function m(i){let n=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",h3:\\"h3\\",ul:\\"ul\\",li:\\"li\\",strong:\\"strong\\"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:s,Dont:d}=n;return t||l(\\"Col\\",!0),s||l(\\"Do\\",!0),d||l(\\"Dont\\",!0),o||l(\\"FigmaSVG\\",!0),r||l(\\"Row\\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:\\"overview\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#overview\\",children:\\"Overview\\"})}),`\\n`,(0,e.jsx)(n.p,{children:\'Input are used to let the user enter text or numbers in a form.Optional field indicator. We always strive to only ask for mandatory information, so we want to inform users if some fields are optional. We do this by adding a parenthesis with the words \\"optional\\" next to the label with the field.\'}),`\\n`,`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"variants\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#variants\\",children:\\"Variants\\"})}),(0,e.jsx)(n.p,{children:\\"To be able to use forms in all context\'s we provide 2 versions of input fields.\\"}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Label outside\\"}),\\" (default): Includes all the features we need in complex forms.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Label inside\\"}),\\": gives a more clean look but doesn\'t work for longer labels and can only be used in specific contexts.\\"]}),`\\n`]})]}),(0,e.jsx)(t,{})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"606-10125\\",caption:\\"Default, label outside.\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"606-10127\\",caption:\\"Option number 2 used only in specific contexts.\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"sets\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#sets\\",children:\\"Sets\\"})}),(0,e.jsx)(n.p,{children:\\"To be able to use forms in all context\'s we provide 2 versions of input fields.\\"}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\\"Regular text field\\"}),`\\n`,(0,e.jsx)(n.li,{children:\\"Multi lined text field, Multiple lines. Some text fields require a lot more text to be entered. A simple example would be description of a payment. For this we use the multi-line version of the input-field. This is often known as a text area or free text. Counter. For some fields it\'s critical that users know the limitations. Counters start at the max and count down to zero. When the counter comes close to zero the appearance shifts to red to warn the user before the fields stops accepting input.\\"}),`\\n`]})]}),(0,e.jsx)(t,{})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"606-10336\\",caption:\\"Regular and search field.\\"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"606-10338\\",caption:\\"Free text field.\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"sizes\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#sizes\\",children:\\"Sizes\\"})}),(0,e.jsx)(n.p,{children:\\"The input fields come in two sizes.\\"}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Normal\\"}),\\": used in most cases.\\"]}),`\\n`,(0,e.jsxs)(n.li,{children:[(0,e.jsx)(n.strong,{children:\\"Small\\"}),\\": used in tables and in some special cases where the space is very limited.\\"]}),`\\n`]})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"606-10448\\",caption:\\"Normal and small\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"features\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#features\\",children:\\"Features\\"})}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"label\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#label\\",children:\\"Label\\"})}),(0,e.jsx)(n.p,{children:\\"All input fields need a label. Keep the label short and to the point.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"607-10627\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"label-support-text\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#label-support-text\\",children:\\"Label support text\\"})}),(0,e.jsx)(n.p,{children:\\"Use this to explain how to fill the field. This may be an instruction of how to count or what to include. Limit the instructions to details that all or most users need.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"607-10706\\",caption:\\"Label support text visible.\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"field-help\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#field-help\\",children:\\"Field help\\"})}),(0,e.jsx)(n.p,{children:\\"We can provide three types of help in relation to input fields\\"}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\\"Instruction text: Additional instruction of how to think, what we expect, or what format is required.\\"}),`\\n`,(0,e.jsx)(n.li,{children:\\"Contextual help: Either as a tooltip, extended help that increase the size of the field with more instructions, or a slide-out with helptext.\\"}),`\\n`,(0,e.jsx)(n.li,{children:\\"Error text: If users fail in filling the field with correct information, the last help is the error text that can guide to a solution based on the entered information.\\"}),`\\n`]})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"609-10726\\",caption:\\"Field instruction visible.\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"field-counter\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#field-counter\\",children:\\"Field counter\\"})}),(0,e.jsx)(n.p,{children:\\"Text missing...\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"609-10804\\",caption:\\"Field counter\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"dynamic-information\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#dynamic-information\\",children:\\"Dynamic information\\"})}),(0,e.jsx)(n.p,{children:\\"Used to perform comparative calculations next to the field. For example if users fill out salary after taxes, the dynamic information may show the salary before taxes.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"619-6291\\",caption:\\"Example on dynamic information\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"static-data\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#static-data\\",children:\\"Static data\\"})}),(0,e.jsx)(n.p,{children:\\"Sometimes you may want to output data from the system inside a form, but it\'s hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don\'t use disabled fields.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"619-6359\\",caption:\\"Example on static data\\"})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:\\"auto-complete\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#auto-complete\\",children:\\"Auto complete\\"})}),(0,e.jsx)(n.p,{children:\\"Input text can be used with auto complete to help users who have limited literacy or who write in a foreign language.Sometimes you may want to output data from the system inside a form, but it\'s hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don\'t use disabled fields.\\"})]}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:\\"619-6406\\",caption:\\"Example on autocomplete\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(n.h2,{id:\\"dos-and-donts\\",children:(0,e.jsx)(n.a,{className:\\"anchor\\",href:\\"#dos-and-donts\\",children:\\"Do\\\\u2019s and dont\\\\u2019s\\"})}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.p,{children:(0,e.jsx)(n.strong,{children:\\"Do\\"})}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\'Use \\"optional\\" to mark optional fields.\'}),`\\n`]})]}),(0,e.jsxs)(t,{children:[(0,e.jsx)(n.p,{children:(0,e.jsx)(n.strong,{children:\\"Don\\\\u2019t\\"})}),(0,e.jsxs)(n.ul,{children:[`\\n`,(0,e.jsx)(n.li,{children:\\"Use asterix for indicate mandatory fields.\\"}),`\\n`,(0,e.jsx)(n.li,{children:\\"Avoid using watermarks or placeholders.\\"}),`\\n`]})]})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(s,{children:(0,e.jsx)(o,{node:\\"647-6126\\"})})}),(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:\\"647-6129\\"})})})]}),`\\n`,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{}),(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:\\"619-6615\\"})})})]})]})}function F(i={}){let{wrapper:n}=i.components||{};return n?(0,e.jsx)(n,Object.assign({},i,{children:(0,e.jsx)(m,i)})):m(i)}var k=F;function l(i,n){throw new Error(\\"Expected \\"+(n?\\"component\\":\\"object\\")+\\" `\\"+i+\\"` to be defined: you likely forgot to import, pass, or provide it.\\")}return N(T);})();\\n;return Component;"},"_id":"component/input/index.mdx","_raw":{"sourceFilePath":"component/input/index.mdx","sourceFileName":"index.mdx","sourceFileDir":"component/input","contentType":"mdx","flattenedPath":"component/input"},"type":"Component","url_path":"/component/input","headings":[{"level":2,"text":"Overview ","slug":"overview-"},{"level":3,"text":"Variants","slug":"variants"},{"level":3,"text":"Sets","slug":"sets"},{"level":3,"text":"Sizes","slug":"sizes"},{"level":2,"text":"Features","slug":"features"},{"level":3,"text":"Label","slug":"label"},{"level":3,"text":"Label support text","slug":"label-support-text"},{"level":3,"text":"Field help","slug":"field-help"},{"level":3,"text":"Field counter","slug":"field-counter"},{"level":3,"text":"Dynamic information","slug":"dynamic-information"},{"level":3,"text":"Static data","slug":"static-data"},{"level":3,"text":"Auto complete","slug":"auto-complete"},{"level":2,"text":"Do’s and dont’s","slug":"dos-and-donts"}],"pathSegments":[{"order":0,"pathName":"input"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"node":"606-6849","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},"figma_svgs":[{"node":"606-10125","svg":""},{"node":"606-10127","svg":""},{"node":"606-10336","svg":""},{"node":"606-10338","svg":""},{"node":"606-10448","svg":""},{"node":"607-10627","svg":""},{"node":"607-10706","svg":""},{"node":"609-10726","svg":""},{"node":"609-10804","svg":""},{"node":"619-6291","svg":""},{"node":"619-6359","svg":""},{"node":"619-6406","svg":""},{"node":"647-6126","svg":""},{"node":"647-6129","svg":""},{"node":"619-6615","svg":""}]},{"global_id":"uxtextinput","title":"UX text","date":"2023-12-22T00:00:00.000Z","body":{"raw":"\\n## Coming soon\\nThis page will be updated with information soon.","code":"var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var p=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)a(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,i)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let s of x(t))!g.call(n,s)&&s!==o&&a(n,s,{get:()=>t[s],enumerable:!(i=l(t,s))||i.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(u(n)):{},r(t||!n||!n.__esModule?a(o,\\"default\\",{value:n,enumerable:!0}):o,n)),j=n=>r(a({},\\"__esModule\\",{value:!0}),n);var m=p((X,c)=>{c.exports=_jsx_runtime});var D={};_(D,{default:()=>C,frontmatter:()=>b});var e=f(m()),b={title:\\"UX text\\",global_id:\\"uxtextinput\\",date:new Date(17032032e5)};function d(n){let t=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:\\"coming-soon\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#coming-soon\\",children:\\"Coming soon\\"})}),`\\n`,(0,e.jsx)(t.p,{children:\\"This page will be updated with information soon.\\"})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var C=w;return j(D);})();\\n;return Component;"},"_id":"component/input/ux-text.mdx","_raw":{"sourceFilePath":"component/input/ux-text.mdx","sourceFileName":"ux-text.mdx","sourceFileDir":"component/input","contentType":"mdx","flattenedPath":"component/input/ux-text"},"type":"Component","url_path":"/component/input/ux-text","headings":[{"level":2,"text":"Coming soon","slug":"coming-soon"}],"pathSegments":[{"order":0,"pathName":"input"},{"order":0,"pathName":"ux-text"}],"last_edited":"2024-02-15T15:22:00.611Z","figma_hero_svg":{"svg":""},"figma_svgs":[]}]'),V=JSON.parse('[{"global_id":"astrit","name":"Astrit Malsija","handle":"astrit","email":"am@astrit.co","title":"Design Engineer","location":"Stockholm","department":"Code","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var j=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),_=(t,n)=>{for(var e in n)a(t,e,{get:n[e],enumerable:!0})},i=(t,n,e,s)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of p(n))!g.call(t,o)&&o!==e&&a(t,o,{get:()=>n[o],enumerable:!(s=u(n,o))||s.enumerable});return t};var f=(t,n,e)=>(e=t!=null?d(x(t)):{},i(n||!t||!t.__esModule?a(e,\\"default\\",{value:t,enumerable:!0}):e,t)),h=t=>i(a({},\\"__esModule\\",{value:!0}),t);var m=j((X,c)=>{c.exports=_jsx_runtime});var D={};_(D,{default:()=>C,frontmatter:()=>M});var r=f(m()),M={name:\\"Astrit Malsija\\",global_id:\\"astrit\\",handle:\\"astrit\\",email:\\"am@astrit.co\\",title:\\"Design Engineer\\",location:\\"Stockholm\\",department:\\"Code\\"};function l(t){let n=Object.assign({p:\\"p\\"},t.components);return(0,r.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(t={}){let{wrapper:n}=t.components||{};return n?(0,r.jsx)(n,Object.assign({},t,{children:(0,r.jsx)(l,t)})):l(t)}var C=b;return h(D);})();\\n;return Component;"},"_id":"team/astrit.mdx","_raw":{"sourceFilePath":"team/astrit.mdx","sourceFileName":"astrit.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/astrit"},"type":"Member","url_path":"/team/astrit","pathSegments":[{"order":0,"pathName":"astrit"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"hemmahosjessi","name":"Jessi Nygren Walhed","handle":"hemmahosjessi","email":"hemmahosjessi@gmail.com","title":"Designer","location":"Stockholm","department":"Design","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var p=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),x=(e,t)=>{for(var n in t)s(e,n,{get:t[n],enumerable:!0})},i=(e,t,n,a)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let o of u(t))!j.call(e,o)&&o!==n&&s(e,o,{get:()=>t[o],enumerable:!(a=h(t,o))||a.enumerable});return e};var _=(e,t,n)=>(n=e!=null?d(g(e)):{},i(t||!e||!e.__esModule?s(n,\\"default\\",{value:e,enumerable:!0}):n,e)),f=e=>i(s({},\\"__esModule\\",{value:!0}),e);var c=p((O,r)=>{r.exports=_jsx_runtime});var y={};x(y,{default:()=>M,frontmatter:()=>D});var m=_(c()),D={name:\\"Jessi Nygren Walhed\\",global_id:\\"hemmahosjessi\\",handle:\\"hemmahosjessi\\",email:\\"hemmahosjessi@gmail.com\\",title:\\"Designer\\",location:\\"Stockholm\\",department:\\"Design\\"};function l(e){let t=Object.assign({p:\\"p\\"},e.components);return(0,m.jsx)(t.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(e={}){let{wrapper:t}=e.components||{};return t?(0,m.jsx)(t,Object.assign({},e,{children:(0,m.jsx)(l,e)})):l(e)}var M=b;return f(y);})();\\n;return Component;"},"_id":"team/jessi.mdx","_raw":{"sourceFilePath":"team/jessi.mdx","sourceFileName":"jessi.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/jessi"},"type":"Member","url_path":"/team/jessi","pathSegments":[{"order":0,"pathName":"jessi"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"Joacim","name":"Joacim Magnusson","handle":"splashdust","email":"jocke@jocke.se","title":"Software Engineer","location":"Stockholm","department":"Code","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,x=Object.prototype.hasOwnProperty;var f=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),g=(t,n)=>{for(var o in n)a(t,o,{get:n[o],enumerable:!0})},r=(t,n,o,s)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let e of p(n))!x.call(t,e)&&e!==o&&a(t,e,{get:()=>n[e],enumerable:!(s=u(n,e))||s.enumerable});return t};var _=(t,n,o)=>(o=t!=null?d(j(t)):{},r(n||!t||!t.__esModule?a(o,\\"default\\",{value:t,enumerable:!0}):o,t)),h=t=>r(a({},\\"__esModule\\",{value:!0}),t);var i=f((D,m)=>{m.exports=_jsx_runtime});var C={};g(C,{default:()=>k,frontmatter:()=>M});var c=_(i()),M={name:\\"Joacim Magnusson\\",global_id:\\"Joacim\\",handle:\\"splashdust\\",email:\\"jocke@jocke.se\\",title:\\"Software Engineer\\",location:\\"Stockholm\\",department:\\"Code\\"};function l(t){let n=Object.assign({p:\\"p\\"},t.components);return(0,c.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(t={}){let{wrapper:n}=t.components||{};return n?(0,c.jsx)(n,Object.assign({},t,{children:(0,c.jsx)(l,t)})):l(t)}var k=b;return h(C);})();\\n;return Component;"},"_id":"team/joacim.mdx","_raw":{"sourceFilePath":"team/joacim.mdx","sourceFileName":"joacim.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/joacim"},"type":"Member","url_path":"/team/joacim","pathSegments":[{"order":0,"pathName":"joacim"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"hognelid","name":"Jonathan H","handle":"hognelid","email":"jonathan@seb.se","title":"Designer","location":"Stockholm","department":"Design","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var a=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),j=(n,t)=>{for(var e in t)a(n,e,{get:t[e],enumerable:!0})},c=(n,t,e,s)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let o of g(t))!p.call(n,o)&&o!==e&&a(n,o,{get:()=>t[o],enumerable:!(s=u(t,o))||s.enumerable});return n};var _=(n,t,e)=>(e=n!=null?d(h(n)):{},c(t||!n||!n.__esModule?a(e,\\"default\\",{value:n,enumerable:!0}):e,n)),f=n=>c(a({},\\"__esModule\\",{value:!0}),n);var m=x((X,i)=>{i.exports=_jsx_runtime});var C={};j(C,{default:()=>M,frontmatter:()=>b});var r=_(m()),b={name:\\"Jonathan H\\",global_id:\\"hognelid\\",handle:\\"hognelid\\",email:\\"jonathan@seb.se\\",title:\\"Designer\\",location:\\"Stockholm\\",department:\\"Design\\"};function l(n){let t=Object.assign({p:\\"p\\"},n.components);return(0,r.jsx)(t.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function D(n={}){let{wrapper:t}=n.components||{};return t?(0,r.jsx)(t,Object.assign({},n,{children:(0,r.jsx)(l,n)})):l(n)}var M=D;return f(C);})();\\n;return Component;"},"_id":"team/jonathan.mdx","_raw":{"sourceFilePath":"team/jonathan.mdx","sourceFileName":"jonathan.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/jonathan"},"type":"Member","url_path":"/team/jonathan","pathSegments":[{"order":0,"pathName":"jonathan"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"LeopoldRoos","name":"Leopold Roos","handle":"EldRoos","email":"mrr00s@hotmail.com","title":"Developer","location":"Stockholm","department":"Docs","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var i=Object.create;var r=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var f=(o,t)=>()=>(t||o((t={exports:{}}).exports,t),t.exports),h=(o,t)=>{for(var e in t)r(o,e,{get:t[e],enumerable:!0})},a=(o,t,e,s)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let n of u(t))!_.call(o,n)&&n!==e&&r(o,n,{get:()=>t[n],enumerable:!(s=p(t,n))||s.enumerable});return o};var j=(o,t,e)=>(e=o!=null?i(x(o)):{},a(t||!o||!o.__esModule?r(e,\\"default\\",{value:o,enumerable:!0}):e,o)),g=o=>a(r({},\\"__esModule\\",{value:!0}),o);var l=f((C,m)=>{m.exports=_jsx_runtime});var M={};h(M,{default:()=>L,frontmatter:()=>D});var c=j(l()),D={name:\\"Leopold Roos\\",global_id:\\"LeopoldRoos\\",handle:\\"EldRoos\\",email:\\"mrr00s@hotmail.com\\",title:\\"Developer\\",location:\\"Stockholm\\",department:\\"Docs\\"};function d(o){let t=Object.assign({p:\\"p\\"},o.components);return(0,c.jsx)(t.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(o={}){let{wrapper:t}=o.components||{};return t?(0,c.jsx)(t,Object.assign({},o,{children:(0,c.jsx)(d,o)})):d(o)}var L=b;return g(M);})();\\n;return Component;"},"_id":"team/leo.mdx","_raw":{"sourceFilePath":"team/leo.mdx","sourceFileName":"leo.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/leo"},"type":"Member","url_path":"/team/leo","pathSegments":[{"order":0,"pathName":"leo"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"ulde01","name":"Ulrika","handle":"ulde01","email":"ulrika@seb.se","title":null,"location":"Stockholm","department":"Docs","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var u=Object.create;var a=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var f=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),j=(t,n)=>{for(var e in n)a(t,e,{get:n[e],enumerable:!0})},l=(t,n,e,c)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of p(n))!_.call(t,o)&&o!==e&&a(t,o,{get:()=>n[o],enumerable:!(c=d(n,o))||c.enumerable});return t};var b=(t,n,e)=>(e=t!=null?u(x(t)):{},l(n||!t||!t.__esModule?a(e,\\"default\\",{value:t,enumerable:!0}):e,t)),g=t=>l(a({},\\"__esModule\\",{value:!0}),t);var m=f((O,s)=>{s.exports=_jsx_runtime});var M={};j(M,{default:()=>D,frontmatter:()=>h});var r=b(m()),h={name:\\"Ulrika\\",global_id:\\"ulde01\\",handle:\\"ulde01\\",email:\\"ulrika@seb.se\\",title:null,location:\\"Stockholm\\",department:\\"Docs\\"};function i(t){let n=Object.assign({p:\\"p\\"},t.components);return(0,r.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function k(t={}){let{wrapper:n}=t.components||{};return n?(0,r.jsx)(n,Object.assign({},t,{children:(0,r.jsx)(i,t)})):i(t)}var D=k;return g(M);})();\\n;return Component;"},"_id":"team/ulrika.mdx","_raw":{"sourceFilePath":"team/ulrika.mdx","sourceFileName":"ulrika.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/ulrika"},"type":"Member","url_path":"/team/ulrika","pathSegments":[{"order":0,"pathName":"ulrika"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"VilhelmSjolander","name":"Vilhelm Sj\xf6lander","handle":"vsjolander","email":"vilhelm.sjolander@gmail.com","title":"Software Engineer","location":"Stockholm","department":"Code","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var a=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var x=(e,n)=>()=>(n||e((n={exports:{}}).exports,n),n.exports),f=(e,n)=>{for(var t in n)a(e,t,{get:n[t],enumerable:!0})},m=(e,n,t,r)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of u(n))!p.call(e,o)&&o!==t&&a(e,o,{get:()=>n[o],enumerable:!(r=j(n,o))||r.enumerable});return e};var g=(e,n,t)=>(t=e!=null?d(h(e)):{},m(n||!e||!e.__esModule?a(t,\\"default\\",{value:e,enumerable:!0}):t,e)),_=e=>m(a({},\\"__esModule\\",{value:!0}),e);var i=x((w,c)=>{c.exports=_jsx_runtime});var M={};f(M,{default:()=>C,frontmatter:()=>S});var l=g(i()),S={name:\\"Vilhelm Sj\\\\xF6lander\\",global_id:\\"VilhelmSjolander\\",handle:\\"vsjolander\\",email:\\"vilhelm.sjolander@gmail.com\\",title:\\"Software Engineer\\",location:\\"Stockholm\\",department:\\"Code\\"};function s(e){let n=Object.assign({p:\\"p\\"},e.components);return(0,l.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(e={}){let{wrapper:n}=e.components||{};return n?(0,l.jsx)(n,Object.assign({},e,{children:(0,l.jsx)(s,e)})):s(e)}var C=b;return _(M);})();\\n;return Component;"},"_id":"team/vilhelm.mdx","_raw":{"sourceFilePath":"team/vilhelm.mdx","sourceFileName":"vilhelm.mdx","sourceFileDir":"team","contentType":"mdx","flattenedPath":"team/vilhelm"},"type":"Member","url_path":"/team/vilhelm","pathSegments":[{"order":0,"pathName":"vilhelm"}],"last_edited":"2024-02-15T15:22:00.611Z"}]'),i=JSON.parse('[{"global_id":"webcomponents","title":"News generation of web components","date":"2021-12-24T00:00:00.000Z","author":"astrit","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var d=Object.create;var r=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var _=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),b=(t,n)=>{for(var e in n)r(t,e,{get:n[e],enumerable:!0})},c=(t,n,e,a)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let o of p(n))!f.call(t,o)&&o!==e&&r(t,o,{get:()=>n[o],enumerable:!(a=l(n,o))||a.enumerable});return t};var g=(t,n,e)=>(e=t!=null?d(x(t)):{},c(n||!t||!t.__esModule?r(e,\\"default\\",{value:t,enumerable:!0}):e,t)),j=t=>c(r({},\\"__esModule\\",{value:!0}),t);var i=_((O,m)=>{m.exports=_jsx_runtime});var M={};b(M,{default:()=>D,frontmatter:()=>w});var s=g(i()),w={title:\\"News generation of web components\\",date:new Date(1640304e6),global_id:\\"webcomponents\\",author:\\"astrit\\"};function u(t){let n=Object.assign({p:\\"p\\"},t.components);return(0,s.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function h(t={}){let{wrapper:n}=t.components||{};return n?(0,s.jsx)(n,Object.assign({},t,{children:(0,s.jsx)(u,t)})):u(t)}var D=h;return j(M);})();\\n;return Component;"},"_id":"blog/next-gen-webcomp.mdx","_raw":{"sourceFilePath":"blog/next-gen-webcomp.mdx","sourceFileName":"next-gen-webcomp.mdx","sourceFileDir":"blog","contentType":"mdx","flattenedPath":"blog/next-gen-webcomp"},"type":"Post","url_path":"/blog/next-gen-webcomp","pathSegments":[{"order":0,"pathName":"next-gen-webcomp"}],"last_edited":"2024-02-15T15:22:00.611Z"},{"global_id":"css-motion","title":"Using Reduced Motion","date":"2021-12-24T00:00:00.000Z","author":"splashdust","body":{"raw":"\\nUllamco et nostrud magna commodo nostrud ...\\n","code":"var Component=(()=>{var u=Object.create;var s=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,_=Object.prototype.hasOwnProperty;var f=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),g=(t,n)=>{for(var o in n)s(t,o,{get:n[o],enumerable:!0})},a=(t,n,o,r)=>{if(n&&typeof n==\\"object\\"||typeof n==\\"function\\")for(let e of p(n))!_.call(t,e)&&e!==o&&s(t,e,{get:()=>n[e],enumerable:!(r=l(n,e))||r.enumerable});return t};var j=(t,n,o)=>(o=t!=null?u(x(t)):{},a(n||!t||!t.__esModule?s(o,\\"default\\",{value:t,enumerable:!0}):o,t)),h=t=>a(s({},\\"__esModule\\",{value:!0}),t);var d=f((O,i)=>{i.exports=_jsx_runtime});var w={};g(w,{default:()=>D,frontmatter:()=>M});var c=j(d()),M={title:\\"Using Reduced Motion\\",date:new Date(1640304e6),global_id:\\"css-motion\\",author:\\"splashdust\\"};function m(t){let n=Object.assign({p:\\"p\\"},t.components);return(0,c.jsx)(n.p,{children:\\"Ullamco et nostrud magna commodo nostrud ...\\"})}function b(t={}){let{wrapper:n}=t.components||{};return n?(0,c.jsx)(n,Object.assign({},t,{children:(0,c.jsx)(m,t)})):m(t)}var D=b;return h(w);})();\\n;return Component;"},"_id":"blog/using-reduced-motion.mdx","_raw":{"sourceFilePath":"blog/using-reduced-motion.mdx","sourceFileName":"using-reduced-motion.mdx","sourceFileDir":"blog","contentType":"mdx","flattenedPath":"blog/using-reduced-motion"},"type":"Post","url_path":"/blog/using-reduced-motion","pathSegments":[{"order":0,"pathName":"using-reduced-motion"}],"last_edited":"2024-02-15T15:22:00.611Z"}]');let l=[...n,...t,...V,...i]}}]); \ No newline at end of file diff --git a/_next/static/chunks/app/changelog/[slug]/layout-9d5e9b59447b884b.js b/_next/static/chunks/app/changelog/[slug]/layout-9d5e9b59447b884b.js new file mode 100644 index 000000000..98ec875ff --- /dev/null +++ b/_next/static/chunks/app/changelog/[slug]/layout-9d5e9b59447b884b.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977,605,841,686,431,989,978,429,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/components/layout-6e4c28913a1b0afa.js b/_next/static/chunks/app/components/layout-6e4c28913a1b0afa.js new file mode 100644 index 000000000..a228c9a19 --- /dev/null +++ b/_next/static/chunks/app/components/layout-6e4c28913a1b0afa.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686,605,841,431,989,978,429,977,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/foundation/accessibility/page-1781043f4ae8edbf.js b/_next/static/chunks/app/foundation/accessibility/page-1781043f4ae8edbf.js new file mode 100644 index 000000000..e0f8118ea --- /dev/null +++ b/_next/static/chunks/app/foundation/accessibility/page-1781043f4ae8edbf.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[431,605,841,686,989,978,429,977,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/foundation/layout-094c35c4b290f814.js b/_next/static/chunks/app/foundation/layout-094c35c4b290f814.js new file mode 100644 index 000000000..43c752aad --- /dev/null +++ b/_next/static/chunks/app/foundation/layout-094c35c4b290f814.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[989,605,841,686,431,978,429,977,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/status/layout-4c6a543c0ca37ee1.js b/_next/static/chunks/app/status/layout-4c6a543c0ca37ee1.js new file mode 100644 index 000000000..faa98edd8 --- /dev/null +++ b/_next/static/chunks/app/status/layout-4c6a543c0ca37ee1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[429,605,841,686,431,989,978,977,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/ux-writing/english/layout-9840de3a6f6282ec.js b/_next/static/chunks/app/ux-writing/english/layout-9840de3a6f6282ec.js new file mode 100644 index 000000000..26c14acb3 --- /dev/null +++ b/_next/static/chunks/app/ux-writing/english/layout-9840de3a6f6282ec.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[692,605,841,686,431,989,978,429,977,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/ux-writing/general/layout-c2c6c1f8003a84fb.js b/_next/static/chunks/app/ux-writing/general/layout-c2c6c1f8003a84fb.js new file mode 100644 index 000000000..4c3de1c34 --- /dev/null +++ b/_next/static/chunks/app/ux-writing/general/layout-c2c6c1f8003a84fb.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[986,605,841,686,431,989,978,429,977,692,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/ux-writing/layout-2beca0b12ab4c6e2.js b/_next/static/chunks/app/ux-writing/layout-2beca0b12ab4c6e2.js new file mode 100644 index 000000000..3e14b4b29 --- /dev/null +++ b/_next/static/chunks/app/ux-writing/layout-2beca0b12ab4c6e2.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[978,605,841,686,431,989,429,977,692,986,131],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/ux-writing/swedish/layout-c5bc79e2d8815b2f.js b/_next/static/chunks/app/ux-writing/swedish/layout-c5bc79e2d8815b2f.js new file mode 100644 index 000000000..4ad672efc --- /dev/null +++ b/_next/static/chunks/app/ux-writing/swedish/layout-c5bc79e2d8815b2f.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[131,605,841,686,431,989,978,429,977,692,986],{3521:function(){}},function(n){n.O(0,[971,938,744],function(){return n(n.s=3521)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/about.html b/about.html index 9e34e2a44..7c22ca7da 100644 --- a/about.html +++ b/about.html @@ -1,5 +1,5 @@ -About — Green
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

About

Green Design System is the design system for Skandinaviska Enskilda Banken to make it easier and faster to build beautiful digital products and experiences under the SEB brand.

What is Green?

Green Design System is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

In order to have velocity when building digital products and keep a cohesive user experience cross channels and platforms designers and developers should use the Green Design System.

By using pre-built components for design tools and front-end frameworks the time teams spend designing and building is minimized. Instead of spending time on building and re-building the same components in multiple teams, teams can spend that time on addressing specific user needs to improve user experience.

The design system is called Green as an homage to SEB being viewed as the green bank with green as a primary colour for the brand and the bank. The bank also plays a great role in the transition to a net zero society and has a focus on sustainability and helpingit's clients to become more sustainable. The design system initative was also seen as a Greenfieldproject.

A picture of a cabin in the woods

How Green works

The Green Design System is a federated design system where the Green Design System Team is the central team who is dedicated to maintain the design system and other team at SEB or external contributors contribute to the design system with insights, design andcode.

Maintaining and educating

Navigating the world of Green Design System involves more than just design and code. Delve into our Figma libraries, explore diverse code implementations, and leverage our comprehensive documentation. We're committed to supporting your journey with coaching sessions tailored for both design intricacies and development challenges.

Built on contributions

Green Design System is built on contributions from +About — Green

This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

About

Green Design System is the design system for Skandinaviska Enskilda Banken to make it easier and faster to build beautiful digital products and experiences under the SEB brand.

What is Green?

Green Design System is a set of standards to manage design at scale by reducing redundancy while creating a shared language and visual consistency across different pages and channels.

In order to have velocity when building digital products and keep a cohesive user experience cross channels and platforms designers and developers should use the Green Design System.

By using pre-built components for design tools and front-end frameworks the time teams spend designing and building is minimized. Instead of spending time on building and re-building the same components in multiple teams, teams can spend that time on addressing specific user needs to improve user experience.

The design system is called Green as an homage to SEB being viewed as the green bank with green as a primary colour for the brand and the bank. The bank also plays a great role in the transition to a net zero society and has a focus on sustainability and helpingit's clients to become more sustainable. The design system initative was also seen as a Greenfieldproject.

A picture of a cabin in the woods

How Green works

The Green Design System is a federated design system where the Green Design System Team is the central team who is dedicated to maintain the design system and other team at SEB or external contributors contribute to the design system with insights, design andcode.

Maintaining and educating

Navigating the world of Green Design System involves more than just design and code. Delve into our Figma libraries, explore diverse code implementations, and leverage our comprehensive documentation. We're committed to supporting your journey with coaching sessions tailored for both design intricacies and development challenges.

Built on contributions

Green Design System is built on contributions from everyone. Product teams at SEB have the best knowledge what their product's end user needs. That's why it's vital that everyone contributes with what's possible. That can be everything from insights regarding a specific component or pull requests with a complete feature or a design updates in a Figma branch.

Contact us

We want to hear from you so don't be a stranger. You can - always reach out to us in the following ways:

\ No newline at end of file + always reach out to us in the following ways:

\ No newline at end of file diff --git a/about.txt b/about.txt index 18b6b69ce..f6ac55fab 100644 --- a/about.txt +++ b/about.txt @@ -2,9 +2,9 @@ 3:I[7539,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","301","static/chunks/app/about/page-0b22f71e94a42e0b.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 8:{} -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["about",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["about",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","about","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/789c3aa4888d9ee6.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/41872396a8ec265b.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["about",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["about",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","about","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/789c3aa4888d9ee6.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/41872396a8ec265b.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"About — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/about/about"}],["$","meta","5",{"property":"og:title","content":"About — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/about/og?title=About"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"About — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/about/og?title=About"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/changelog.html b/changelog.html index 5cf95360d..d99367b4c 100644 --- a/changelog.html +++ b/changelog.html @@ -1 +1 @@ -Changelog — Green
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Changelogs

v1.0.0-beta.1

We are proud to announce the first scaled down version of a new documentation site for Green Design System

\ No newline at end of file +Changelog — Green
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Changelogs

v1.0.0-beta.1

We are proud to announce the first scaled down version of a new documentation site for Green Design System

\ No newline at end of file diff --git a/changelog.txt b/changelog.txt index a27f7bb03..5c4513cdd 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,7 +1,7 @@ 2:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","141","static/chunks/app/changelog/page-f4defbeba4bc0923.js"],""] 3:I[5613,[],""] 4:I[1778,[],""] -5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["changelog",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["changelog",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout changelog","children":[["$","h1",null,{"className":"heading-medium","children":"Changelogs"}],["$","section",null,{"children":[["$","article",null,{"id":"1.0.0-beta.1","className":"log","children":[["$","aside",null,{"children":[["$","div",null,{"children":"1.0.0-beta.1"}],["$","time",null,{"dateTime":"2023-12-12T00:00:00.000Z","children":"12.12.23"}]]}],["$","div",null,{"children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/changelog/1.0.0-beta.1","children":"v1.0.0-beta.1"}]}],["$","p",null,{"children":"We are proud to announce the first scaled down version of a new documentation site for Green Design System"}]]}]]}]]}]]}],null]]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6b9386ed8b99cf89.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["changelog",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["changelog",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout changelog","children":[["$","h1",null,{"className":"heading-medium","children":"Changelogs"}],["$","section",null,{"children":[["$","article",null,{"id":"1.0.0-beta.1","className":"log","children":[["$","aside",null,{"children":[["$","div",null,{"children":"1.0.0-beta.1"}],["$","time",null,{"dateTime":"2023-12-12T00:00:00.000Z","children":"12.12.23"}]]}],["$","div",null,{"children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/changelog/1.0.0-beta.1","children":"v1.0.0-beta.1"}]}],["$","p",null,{"children":"We are proud to announce the first scaled down version of a new documentation site for Green Design System"}]]}]]}]]}]]}],null]]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/6b9386ed8b99cf89.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Changelog — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/changelog/changelog"}],["$","meta","5",{"property":"og:title","content":"Changelog — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/changelog/og?title=Changelog"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Changelog — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/changelog/og?title=Changelog"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/changelog/1.0.0-beta.1.html b/changelog/1.0.0-beta.1.html index 3abedcf15..e94aa7cf6 100644 --- a/changelog/1.0.0-beta.1.html +++ b/changelog/1.0.0-beta.1.html @@ -1,4 +1,4 @@ -Changelog — Green
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

v1.0.0-beta.1

We are proud to announce the first version of a new documentation site for Green Design System. We've been working hard on getting this out the door and we couldn't wait to show what we've been working on.

+Changelog — Green
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

v1.0.0-beta.1

We are proud to announce the first version of a new documentation site for Green Design System. We've been working hard on getting this out the door and we couldn't wait to show what we've been working on.

It's still early in the development of design and code in Green Design System and most is a subject to change but we wanted to show where this is heading and where we are right now.

The site is built using Next.JS as a static site to be blazingly fast.

Features included in this first release

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

Component pag

A search functionality to search through the content on the site. It can be accessed in the top right of the navbar or by pressing CMD+K on mac

Light/Dark mode

-

The site support both light mode and dark mode and listens to the users preference. It can be toggled on the site and this override the system preference if wanted.

\ No newline at end of file +

The site support both light mode and dark mode and listens to the users preference. It can be toggled on the site and this override the system preference if wanted.

\ No newline at end of file diff --git a/changelog/1.0.0-beta.1.txt b/changelog/1.0.0-beta.1.txt index 68a6bf2ad..4e6ff4d2e 100644 --- a/changelog/1.0.0-beta.1.txt +++ b/changelog/1.0.0-beta.1.txt @@ -1,7 +1,7 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","64","static/chunks/app/changelog/%5Bslug%5D/page-d4c5ca6be579dad8.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","64","static/chunks/app/changelog/%5Bslug%5D/page-d4c5ca6be579dad8.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","141","static/chunks/app/changelog/page-f4defbeba4bc0923.js"],""] 3:Tcad,var Component=(()=>{var l=Object.create;var r=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var m=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var f=(t,e)=>()=>(e||t((e={exports:{}}).exports,e),e.exports),w=(t,e)=>{for(var i in e)r(t,i,{get:e[i],enumerable:!0})},o=(t,e,i,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of g(e))!p.call(t,s)&&s!==i&&r(t,s,{get:()=>e[s],enumerable:!(a=u(e,s))||a.enumerable});return t};var b=(t,e,i)=>(i=t!=null?l(m(t)):{},o(e||!t||!t.__esModule?r(i,"default",{value:t,enumerable:!0}):i,t)),x=t=>o(r({},"__esModule",{value:!0}),t);var d=f((k,h)=>{h.exports=_jsx_runtime});var D={};w(D,{default:()=>j,frontmatter:()=>y});var n=b(d()),y={title:"v1.0.0-beta.1",version:"1.0.0-beta.1",date:new Date(17023392e5),global_id:"log20",summary:"We are proud to announce the first scaled down version of a new documentation site for Green Design System"};function c(t){let e=Object.assign({p:"p",h2:"h2",a:"a",h3:"h3",ul:"ul",li:"li"},t.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.p,{children:"We are proud to announce the first version of a new documentation site for Green Design System. We've been working hard on getting this out the door and we couldn't wait to show what we've been working on."}),` `,(0,n.jsx)(e.p,{children:"It's still early in the development of design and code in Green Design System and most is a subject to change but we wanted to show where this is heading and where we are right now."}),` @@ -18,6 +18,6 @@ `,(0,n.jsx)(e.h3,{id:"lightdark-mode",children:(0,n.jsx)(e.a,{className:"anchor",href:"#lightdark-mode",children:"Light/Dark mode"})}),` `,(0,n.jsx)(e.p,{children:"The site support both light mode and dark mode and listens to the users preference. It can be toggled on the site and this override the system preference if wanted."})]})}function v(t={}){let{wrapper:e}=t.components||{};return e?(0,n.jsx)(e,Object.assign({},t,{children:(0,n.jsx)(c,t)})):c(t)}var j=v;return x(D);})(); ;return Component;5:["slug","1.0.0-beta.1","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["changelog",{"children":[["slug","1.0.0-beta.1","d"],{"children":["__PAGE__?{\"slug\":\"1.0.0-beta.1\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["changelog",{"children":[["slug","1.0.0-beta.1","d"],{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout changelog","children":["$","section",null,{"children":["$","article",null,{"id":"1.0.0-beta.1","className":"log","children":["$","main",null,{"children":[["$","h1",null,{"children":"v1.0.0-beta.1"}],["$","$L2",null,{"code":"$3","globals":{"slug":"1.0.0-beta.1"}}]]}]}]}]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/bd80aa66b232d466.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["changelog",{"children":[["slug","1.0.0-beta.1","d"],{"children":["__PAGE__?{\"slug\":\"1.0.0-beta.1\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["changelog",{"children":[["slug","1.0.0-beta.1","d"],{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout changelog","children":["$","section",null,{"children":["$","article",null,{"id":"1.0.0-beta.1","className":"log","children":["$","main",null,{"children":[["$","h1",null,{"children":"v1.0.0-beta.1"}],["$","$L2",null,{"code":"$3","globals":{"slug":"1.0.0-beta.1"}}]]}]}]}]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/bd80aa66b232d466.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","changelog","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Changelog — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/changelog/changelog"}],["$","meta","5",{"property":"og:title","content":"Changelog — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/changelog/og?title=Changelog"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Changelog — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/changelog/og?title=Changelog"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/component.html b/component.html index 7b5aaed2e..fe647b31d 100644 --- a/component.html +++ b/component.html @@ -1 +1 @@ -
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!
\ No newline at end of file +
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!
\ No newline at end of file diff --git a/component.txt b/component.txt index 32ea304bb..10b824d94 100644 --- a/component.txt +++ b/component.txt @@ -2,9 +2,9 @@ 3:I[9978,["962","static/chunks/app/component/page-564daa9a9070e46d.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 8:{} -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button%2Faccessibility.html b/component/button%2Faccessibility.html index 3410d7d07..362e1fa7c 100644 --- a/component/button%2Faccessibility.html +++ b/component/button%2Faccessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Faccessibility.txt b/component/button%2Faccessibility.txt index 17d53e305..2046f4b5b 100644 --- a/component/button%2Faccessibility.txt +++ b/component/button%2Faccessibility.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","button%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Faccessibility/accessibility.html b/component/button%2Faccessibility/accessibility.html index 384f8ec5e..768e00958 100644 --- a/component/button%2Faccessibility/accessibility.html +++ b/component/button%2Faccessibility/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Faccessibility/accessibility.txt b/component/button%2Faccessibility/accessibility.txt index 1f2c3118e..899a5a86e 100644 --- a/component/button%2Faccessibility/accessibility.txt +++ b/component/button%2Faccessibility/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Faccessibility/code.html b/component/button%2Faccessibility/code.html index c84cd6795..b4fbcd912 100644 --- a/component/button%2Faccessibility/code.html +++ b/component/button%2Faccessibility/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Faccessibility/code.txt b/component/button%2Faccessibility/code.txt index 4ca6ec850..32560e88c 100644 --- a/component/button%2Faccessibility/code.txt +++ b/component/button%2Faccessibility/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Faccessibility/design.html b/component/button%2Faccessibility/design.html index 262249b99..239fdd736 100644 --- a/component/button%2Faccessibility/design.html +++ b/component/button%2Faccessibility/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Faccessibility/design.txt b/component/button%2Faccessibility/design.txt index 625133f38..e3f54f9c3 100644 --- a/component/button%2Faccessibility/design.txt +++ b/component/button%2Faccessibility/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Faccessibility/ux-text.html b/component/button%2Faccessibility/ux-text.html index 078ef9896..feab6dfb4 100644 --- a/component/button%2Faccessibility/ux-text.html +++ b/component/button%2Faccessibility/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Faccessibility/ux-text.txt b/component/button%2Faccessibility/ux-text.txt index 085db6798..f8b23c8ba 100644 --- a/component/button%2Faccessibility/ux-text.txt +++ b/component/button%2Faccessibility/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fcode.html b/component/button%2Fcode.html index 2ee8bed61..2c591833c 100644 --- a/component/button%2Fcode.html +++ b/component/button%2Fcode.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fcode.txt b/component/button%2Fcode.txt index 3908bf2b1..0ee7e9194 100644 --- a/component/button%2Fcode.txt +++ b/component/button%2Fcode.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","button%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fcode/accessibility.html b/component/button%2Fcode/accessibility.html index fdae3d4ca..191a831b3 100644 --- a/component/button%2Fcode/accessibility.html +++ b/component/button%2Fcode/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fcode/accessibility.txt b/component/button%2Fcode/accessibility.txt index bf9aa4ddf..1385ffcfa 100644 --- a/component/button%2Fcode/accessibility.txt +++ b/component/button%2Fcode/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fcode/code.html b/component/button%2Fcode/code.html index e52695463..daa4af97d 100644 --- a/component/button%2Fcode/code.html +++ b/component/button%2Fcode/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fcode/code.txt b/component/button%2Fcode/code.txt index 8c25eada2..41f501b81 100644 --- a/component/button%2Fcode/code.txt +++ b/component/button%2Fcode/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fcode/design.html b/component/button%2Fcode/design.html index 59bb6840a..7e3f47832 100644 --- a/component/button%2Fcode/design.html +++ b/component/button%2Fcode/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fcode/design.txt b/component/button%2Fcode/design.txt index a74fcf34f..18a03eb8f 100644 --- a/component/button%2Fcode/design.txt +++ b/component/button%2Fcode/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fcode/ux-text.html b/component/button%2Fcode/ux-text.html index cd0b67044..3d4090d7b 100644 --- a/component/button%2Fcode/ux-text.html +++ b/component/button%2Fcode/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fcode/ux-text.txt b/component/button%2Fcode/ux-text.txt index e0b483638..8619ad453 100644 --- a/component/button%2Fcode/ux-text.txt +++ b/component/button%2Fcode/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fdesign.html b/component/button%2Fdesign.html index ad3c1b9ff..6a8925ee6 100644 --- a/component/button%2Fdesign.html +++ b/component/button%2Fdesign.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fdesign.txt b/component/button%2Fdesign.txt index c60958892..3c022588d 100644 --- a/component/button%2Fdesign.txt +++ b/component/button%2Fdesign.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","button%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fdesign/accessibility.html b/component/button%2Fdesign/accessibility.html index f6ba0ce92..5f118b8f6 100644 --- a/component/button%2Fdesign/accessibility.html +++ b/component/button%2Fdesign/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fdesign/accessibility.txt b/component/button%2Fdesign/accessibility.txt index 8c3d2b604..81d015713 100644 --- a/component/button%2Fdesign/accessibility.txt +++ b/component/button%2Fdesign/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fdesign/code.html b/component/button%2Fdesign/code.html index adb10e7c6..286131c48 100644 --- a/component/button%2Fdesign/code.html +++ b/component/button%2Fdesign/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fdesign/code.txt b/component/button%2Fdesign/code.txt index 715ae28cc..526e86492 100644 --- a/component/button%2Fdesign/code.txt +++ b/component/button%2Fdesign/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fdesign/design.html b/component/button%2Fdesign/design.html index 9403bbae6..0e4e7a439 100644 --- a/component/button%2Fdesign/design.html +++ b/component/button%2Fdesign/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fdesign/design.txt b/component/button%2Fdesign/design.txt index 9bf644d7a..3b2facec7 100644 --- a/component/button%2Fdesign/design.txt +++ b/component/button%2Fdesign/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fdesign/ux-text.html b/component/button%2Fdesign/ux-text.html index 9cf6d6169..264292544 100644 --- a/component/button%2Fdesign/ux-text.html +++ b/component/button%2Fdesign/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fdesign/ux-text.txt b/component/button%2Fdesign/ux-text.txt index d6a411a8e..d8041f199 100644 --- a/component/button%2Fdesign/ux-text.txt +++ b/component/button%2Fdesign/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fux-text.html b/component/button%2Fux-text.html index 23ac3ccc4..b9132997e 100644 --- a/component/button%2Fux-text.html +++ b/component/button%2Fux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fux-text.txt b/component/button%2Fux-text.txt index 66ac426ff..978972a1b 100644 --- a/component/button%2Fux-text.txt +++ b/component/button%2Fux-text.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","button%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fux-text/accessibility.html b/component/button%2Fux-text/accessibility.html index 8c12c7efd..3cee94948 100644 --- a/component/button%2Fux-text/accessibility.html +++ b/component/button%2Fux-text/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fux-text/accessibility.txt b/component/button%2Fux-text/accessibility.txt index d6b6fedc5..62bc03d2a 100644 --- a/component/button%2Fux-text/accessibility.txt +++ b/component/button%2Fux-text/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fux-text/code.html b/component/button%2Fux-text/code.html index 3baa02c54..f4a6a73a8 100644 --- a/component/button%2Fux-text/code.html +++ b/component/button%2Fux-text/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fux-text/code.txt b/component/button%2Fux-text/code.txt index 566073daf..90281bd20 100644 --- a/component/button%2Fux-text/code.txt +++ b/component/button%2Fux-text/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fux-text/design.html b/component/button%2Fux-text/design.html index 518032e88..ce70e5150 100644 --- a/component/button%2Fux-text/design.html +++ b/component/button%2Fux-text/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fux-text/design.txt b/component/button%2Fux-text/design.txt index 42132bef5..c8ecc0d5e 100644 --- a/component/button%2Fux-text/design.txt +++ b/component/button%2Fux-text/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button%2Fux-text/ux-text.html b/component/button%2Fux-text/ux-text.html index 707dede8b..7d78bd120 100644 --- a/component/button%2Fux-text/ux-text.html +++ b/component/button%2Fux-text/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/button%2Fux-text/ux-text.txt b/component/button%2Fux-text/ux-text.txt index 1be06be66..7eab2e9d4 100644 --- a/component/button%2Fux-text/ux-text.txt +++ b/component/button%2Fux-text/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","button%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/button.html b/component/button.html index 71e1914e0..b4ef3b06e 100644 --- a/component/button.html +++ b/component/button.html @@ -1,6 +1,5 @@ -Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Interactive Button
OverviewDesignUX textCodeAccessibility

Overview

+Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Primary default button
OverviewDesignUX textCodeAccessibility

Overview

A button serve as an interactive element that enables users to perform an action or make a choice with a simple click or tap. To decide which kind of button/buttons and putting them in the right order is key to make sure users know how to take the right action. A good rule of thumb is to use only one primary action in each context.

-

Buttons

We have a group of different buttons used for specific purposes.

@@ -801,4 +800,4 @@

Do’s and don’ -

DO
Last updated:
\ No newline at end of file +DO
Last updated:
\ No newline at end of file diff --git a/component/button.txt b/component/button.txt index 1d2c202d0..aa6b2032b 100644 --- a/component/button.txt +++ b/component/button.txt @@ -1,13 +1,12 @@ -2:I[1740,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-01b9079e179e4b88.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],"Mdx"] -4:I[5935,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-01b9079e179e4b88.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],""] -5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +2:I[1740,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-749a78b3ac38ab55.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],"Mdx"] +4:I[5935,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-749a78b3ac38ab55.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],""] +5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 6:I[5613,[],""] 8:I[1778,[],""] -9:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +9:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -3:T3005,var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),w=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},s=(i,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of b(n))!g.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=m(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?p(f(i)):{},s(n||!i||!i.__esModule?a(r,"default",{value:i,enumerable:!0}):r,i)),k=i=>s(a({},"__esModule",{value:!0}),i);var h=y((S,l)=>{l.exports=_jsx_runtime});var I={};w(I,{default:()=>N,frontmatter:()=>x});var e=v(h()),x={title:"Button",summary:"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.",date:new Date(17032032e5),global_id:"buttonbutton",status:"work in progress",tags:"form, button group",preview:'Interactive Button'};function u(i){let n=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",ul:"ul",li:"li",strong:"strong"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:d}=n;return t||c("Col",!0),d||c("Do",!0),o||c("FigmaSVG",!0),r||c("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"overview",children:(0,e.jsx)(n.a,{className:"anchor",href:"#overview",children:"Overview"})}),` +3:T3005,var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var f=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),w=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},s=(i,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of b(n))!g.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=m(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?p(f(i)):{},s(n||!i||!i.__esModule?a(r,"default",{value:i,enumerable:!0}):r,i)),k=i=>s(a({},"__esModule",{value:!0}),i);var h=y((S,l)=>{l.exports=_jsx_runtime});var I={};w(I,{default:()=>N,frontmatter:()=>x});var e=v(h()),x={title:"Button",summary:"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.",date:new Date(17032032e5),global_id:"buttonbutton",status:"work in progress",tags:"form, button group",preview:'Primary default button'};function u(i){let n=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",ul:"ul",li:"li",strong:"strong"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:d}=n;return t||c("Col",!0),d||c("Do",!0),o||c("FigmaSVG",!0),r||c("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"overview",children:(0,e.jsx)(n.a,{className:"anchor",href:"#overview",children:"Overview"})}),` `,(0,e.jsx)(n.p,{children:"A button serve as an interactive element that enables users to perform an action or make a choice with a simple click or tap. To decide which kind of button/buttons and putting them in the right order is key to make sure users know how to take the right action. A good rule of thumb is to use only one primary action in each context."}),` -`,` `,(0,e.jsx)(n.h2,{id:"buttons",children:(0,e.jsx)(n.a,{className:"anchor",href:"#buttons",children:"Buttons"})}),` `,(0,e.jsx)(n.p,{children:"We have a group of different buttons used for specific purposes."}),` `,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:"227-1446",caption:"Default button"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:"227-1455",caption:"Icon button"})}),(0,e.jsx)(t,{children:(0,e.jsx)(o,{node:"227-1458",caption:"Floating action button"})})]}),` @@ -79,6 +78,6 @@ a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app `]}),` `,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:"312-3091"})})}),(0,e.jsx)(t,{})]})]})}function T(i={}){let{wrapper:n}=i.components||{};return n?(0,e.jsx)(n,Object.assign({},i,{children:(0,e.jsx)(u,i)})):u(i)}var N=T;function c(i,n){throw new Error("Expected "+(n?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}return k(I);})(); ;return Component;7:["slug","button","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["__PAGE__",{},["$L1",[["$","script",null,{"type":"application/ld+json","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Thing\",\"description\":\"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.\",\"url\":\"https://seb.io/component/button\",\"author\":{\"@type\":\"Company\",\"name\":\"SEB\"}}"}}],null,["$","$L2",null,{"code":"$3","globals":{"slug":"button"}}],["$","$L4",null,{"src":"/playground-elements/playground-elements.mjs","type":"module","crossOrigin":"anonymous"}]],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$7","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button"}}],null]]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L9",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["__PAGE__",{},["$L1",[["$","script",null,{"type":"application/ld+json","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Thing\",\"description\":\"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.\",\"url\":\"https://seb.io/component/button\",\"author\":{\"@type\":\"Company\",\"name\":\"SEB\"}}"}}],null,["$","$L2",null,{"code":"$3","globals":{"slug":"button"}}],["$","$L4",null,{"src":"/playground-elements/playground-elements.mjs","type":"module","crossOrigin":"anonymous"}]],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$7","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"button"}}],null]]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L9",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] b:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Button — Green Design System"}],["$","meta","3",{"name":"description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/accessibility.html b/component/button/accessibility.html index 2608f3289..fbb20807e 100644 --- a/component/button/accessibility.html +++ b/component/button/accessibility.html @@ -1,4 +1,4 @@ -Accessibility - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Interactive Button
OverviewDesignUX textCodeAccessibility

Accessibility

+Accessibility - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Primary default button
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file +
Last updated:
\ No newline at end of file diff --git a/component/button/accessibility.txt b/component/button/accessibility.txt index 4b7bea397..a90815250 100644 --- a/component/button/accessibility.txt +++ b/component/button/accessibility.txt @@ -1,8 +1,8 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-f14e7663c0bae90f.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-41f97e53c069aefd.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T224c,var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var m=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),B=(l,e)=>{for(var i in e)a(l,i,{get:e[i],enumerable:!0})},c=(l,e,i,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of y(e))!g.call(l,s)&&s!==i&&a(l,s,{get:()=>e[s],enumerable:!(t=b(e,s))||t.enumerable});return l};var f=(l,e,i)=>(i=l!=null?p(u(l)):{},c(e||!l||!l.__esModule?a(i,"default",{value:l,enumerable:!0}):i,l)),A=l=>c(a({},"__esModule",{value:!0}),l);var d=m((N,o)=>{o.exports=_jsx_runtime});var w={};B(w,{default:()=>x,frontmatter:()=>v});var n=f(d()),v={title:"Accessibility",global_id:"buttonaccessibility",date:new Date(17073504e5)};function h(l){let e=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",strong:"strong",ul:"ul",li:"li",h4:"h4",em:"em",div:"div",pre:"pre",code:"code",span:"span"},l.components),{Row:i,Col:t,FigmaSVG:s}=e;return t||r("Col",!0),s||r("FigmaSVG",!0),i||r("Row",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.h2,{id:"accessibility",children:(0,n.jsx)(e.a,{className:"anchor",href:"#accessibility",children:"Accessibility"})}),` `,(0,n.jsx)(e.p,{children:"All values we measure need to pass in order to give a check on the accessibility on all our components."}),` @@ -45,6 +45,6 @@ `,(0,n.jsx)(e.li,{children:(0,n.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Text_labels_and_names",children:"MDN Webdocs / Learn more about labeling elements"})}),` `]})]})}function F(l={}){let{wrapper:e}=l.components||{};return e?(0,n.jsx)(e,Object.assign({},l,{children:(0,n.jsx)(h,l)})):h(l)}var x=F;function r(l,e){throw new Error("Expected "+(e?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}return A(w);})(); ;return Component;5:["slug","button","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Accessibility - Button — Green Design System"}],["$","meta","3",{"name":"description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/code.html b/component/button/code.html index 3d25cbde7..e4c674d29 100644 --- a/component/button/code.html +++ b/component/button/code.html @@ -1,4 +1,4 @@ -Code - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Interactive Button
OverviewDesignUX textCodeAccessibility

Code

+Code - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Primary default button
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file +<gds-button variant="tertiary" disabled>More</gds-button>
Last updated:
\ No newline at end of file diff --git a/component/button/code.txt b/component/button/code.txt index 3536eefc0..e3be4a0ea 100644 --- a/component/button/code.txt +++ b/component/button/code.txt @@ -1,8 +1,8 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","826","static/chunks/app/component/%5Bslug%5D/code/page-cadef9de35080ddb.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","826","static/chunks/app/component/%5Bslug%5D/code/page-83ef9d25d14192d0.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T6f01,var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var B=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,A=Object.prototype.hasOwnProperty;var g=(n,e)=>()=>(e||n((e={exports:{}}).exports,e),e.exports),u=(n,e)=>{for(var r in e)a(n,r,{get:e[r],enumerable:!0})},c=(n,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of p(e))!A.call(n,s)&&s!==r&&a(n,s,{get:()=>e[s],enumerable:!(o=B(e,s))||o.enumerable});return n};var F=(n,e,r)=>(r=n!=null?h(y(n)):{},c(e||!n||!n.__esModule?a(r,"default",{value:n,enumerable:!0}):r,n)),m=n=>c(a({},"__esModule",{value:!0}),n);var d=g((N,t)=>{t.exports=_jsx_runtime});var E={};u(E,{default:()=>v,frontmatter:()=>b});var l=F(d()),b={title:"Code",global_id:"buttoncode",date:new Date(17032032e5)};function i(n){let e=Object.assign({h2:"h2",a:"a",h3:"h3",h4:"h4",p:"p",div:"div",pre:"pre",code:"code",span:"span"},n.components),{Pattern:r}=e;return r||f("Pattern",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(e.h2,{id:"code",children:(0,l.jsx)(e.a,{className:"anchor",href:"#code",children:"Code"})}),` `,(0,l.jsx)(e.h3,{id:"examples",children:(0,l.jsx)(e.a,{className:"anchor",href:"#examples",children:"Examples"})}),` @@ -58,6 +58,6 @@ `,(0,l.jsxs)(e.span,{className:"","data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#E06C75"},children:"gds-button"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D19A66"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#98C379"},children:'"secondary"'}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D19A66"},children:"disabled"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:">Cancel"})]}),` `,(0,l.jsxs)(e.span,{className:"","data-line":"",children:[(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:"<"}),(0,l.jsx)(e.span,{style:{color:"#E06C75"},children:"gds-button"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D19A66"},children:"variant"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:"="}),(0,l.jsx)(e.span,{style:{color:"#98C379"},children:'"tertiary"'}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:" "}),(0,l.jsx)(e.span,{style:{color:"#D19A66"},children:"disabled"}),(0,l.jsx)(e.span,{style:{color:"#ABB2BF"},children:">More"})]})]})})})]})}function C(n={}){let{wrapper:e}=n.components||{};return e?(0,l.jsx)(e,Object.assign({},n,{children:(0,l.jsx)(i,n)})):i(n)}var v=C;function f(n,e){throw new Error("Expected "+(e?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return m(E);})(); ;return Component;5:["slug","button","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["code",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["code",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Code - Button — Green Design System"}],["$","meta","3",{"name":"description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/design.html b/component/button/design.html index 154c1f177..cbc2e5aed 100644 --- a/component/button/design.html +++ b/component/button/design.html @@ -1,4 +1,4 @@ -Design - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Interactive Button
OverviewDesignUX textCodeAccessibility

Design

+Design - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Primary default button
OverviewDesignUX textCodeAccessibility

Design

Each button type has fully rounded corners. This creates a cohesive and consistent visual language within our design system. The differentiation in colour, border, and background helps users to easily distinguish between primary, secondary, and tertiary actions, contributing to a more intuitive and user-friendly interface.

Last updated:
\ No newline at end of file +
The trailing element gives a hint on what is about to happen on click.
Last updated:
\ No newline at end of file diff --git a/component/button/design.txt b/component/button/design.txt index 1ec8953d3..58e20f796 100644 --- a/component/button/design.txt +++ b/component/button/design.txt @@ -1,8 +1,8 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","564","static/chunks/app/component/%5Bslug%5D/design/page-85e373e530dae718.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","564","static/chunks/app/component/%5Bslug%5D/design/page-07efc7a4d8102855.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T1e67,var Component=(()=>{var u=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var g=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var f=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),y=(t,n)=>{for(var o in n)a(t,o,{get:n[o],enumerable:!0})},c=(t,n,o,i)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of m(n))!b.call(t,r)&&r!==o&&a(t,r,{get:()=>n[r],enumerable:!(i=p(n,r))||i.enumerable});return t};var w=(t,n,o)=>(o=t!=null?u(g(t)):{},c(n||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),x=t=>c(a({},"__esModule",{value:!0}),t);var s=f((S,l)=>{l.exports=_jsx_runtime});var P={};y(P,{default:()=>D,frontmatter:()=>v});var e=w(s()),v={title:"Design",global_id:"buttondesign",date:new Date(17032032e5)};function h(t){let n=Object.assign({h2:"h2",a:"a",p:"p",em:"em",h3:"h3"},t.components),{Row:o,Col:i,FigmaSVG:r}=n;return i||d("Col",!0),r||d("FigmaSVG",!0),o||d("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"design",children:(0,e.jsx)(n.a,{className:"anchor",href:"#design",children:"Design"})}),` `,(0,e.jsx)(n.p,{children:"Each button type has fully rounded corners. This creates a cohesive and consistent visual language within our design system. The differentiation in colour, border, and background helps users to easily distinguish between primary, secondary, and tertiary actions, contributing to a more intuitive and user-friendly interface."}),` @@ -20,6 +20,6 @@ Some examples could be a trash can icon + text `,(0,e.jsx)(n.em,{children:"Delet a search icon + text `,(0,e.jsx)(n.em,{children:"Search"})," and arrow to bottom icon + text ",(0,e.jsx)(n.em,{children:"Download"}),"."]})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:"266-7387",caption:"Leading elements that support the button text."})})]}),` `,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(n.h3,{id:"trailing-element",children:(0,e.jsx)(n.a,{className:"anchor",href:"#trailing-element",children:"Trailing element"})}),(0,e.jsx)(n.p,{children:"Use trailing element as an affordance of what will happen when you interact with the button. For example, a button that leads the user forward in a flow, an arrow icon is a good choice."})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:"266-7448",caption:"The trailing element gives a hint on what is about to happen on click."})})]})]})}function A(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,Object.assign({},t,{children:(0,e.jsx)(h,t)})):h(t)}var D=A;function d(t,n){throw new Error("Expected "+(n?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}return x(P);})(); ;return Component;5:["slug","button","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["design",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["design",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Design - Button — Green Design System"}],["$","meta","3",{"name":"description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/ux-text.html b/component/button/ux-text.html index 72e99609d..a543ab941 100644 --- a/component/button/ux-text.html +++ b/component/button/ux-text.html @@ -1,4 +1,4 @@ -UX text - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Interactive Button
OverviewDesignUX textCodeAccessibility

UX text

+UX text - Button — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Button

Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

work in progress
form
button group
Primary default button
OverviewDesignUX textCodeAccessibility

UX text

The button text should answer the question "What is happening?" when the user clicks it, but if the purpose of the button is to convert, it should answer the question "What do I get?".

Use commands and requests in the button

You should primarily use verbs in the imperative mood, which is the form of the verb @@ -221,4 +221,4 @@

Do’s and don’ -

DON'T
Last updated:
\ No newline at end of file +DON'T
Last updated:
\ No newline at end of file diff --git a/component/button/ux-text.txt b/component/button/ux-text.txt index 8ed4b52fe..670634ef9 100644 --- a/component/button/ux-text.txt +++ b/component/button/ux-text.txt @@ -1,8 +1,8 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-a8be0adac9292043.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-949660175433c456.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T18b7,var Component=(()=>{var f=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(t,n)=>()=>(n||t((n={exports:{}}).exports,n),n.exports),w=(t,n)=>{for(var o in n)c(t,o,{get:n[o],enumerable:!0})},l=(t,n,o,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of x(n))!b.call(t,i)&&i!==o&&c(t,i,{get:()=>n[i],enumerable:!(a=g(n,i))||a.enumerable});return t};var E=(t,n,o)=>(o=t!=null?f(S(t)):{},l(n||!t||!t.__esModule?c(o,"default",{value:t,enumerable:!0}):o,t)),k=t=>l(c({},"__esModule",{value:!0}),t);var u=y((q,m)=>{m.exports=_jsx_runtime});var j={};w(j,{default:()=>C,frontmatter:()=>v});var e=E(u()),v={title:"UX Text",global_id:"buttonuxtext",date:new Date(17032032e5)};function p(t){let n=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",em:"em",strong:"strong",ul:"ul",li:"li"},t.components),{SE:o,Row:a,Col:i,FigmaSVG:r,Do:h,Dont:s}=n;return i||d("Col",!0),h||d("Do",!0),s||d("Dont",!0),r||d("FigmaSVG",!0),a||d("Row",!0),o||d("SE",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"ux-text",children:(0,e.jsx)(n.a,{className:"anchor",href:"#ux-text",children:"UX text"})}),` `,(0,e.jsx)(n.p,{children:'The button text should answer the question "What is happening?" when the user clicks it, but if the purpose of the button is to convert, it should answer the question "What do I get?".'}),` @@ -33,6 +33,6 @@ Perform is too formal and Okay is too vague and doesn\u2019t answer the question `]})]})]}),` `,(0,e.jsxs)(a,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(h,{children:(0,e.jsx)(r,{node:"258-3354"})})}),(0,e.jsx)(i,{children:(0,e.jsx)(s,{children:(0,e.jsx)(r,{node:"258-3385"})})})]})]})}function D(t={}){let{wrapper:n}=t.components||{};return n?(0,e.jsx)(n,Object.assign({},t,{children:(0,e.jsx)(p,t)})):p(t)}var C=D;function d(t,n){throw new Error("Expected "+(n?"component":"object")+" `"+t+"` to be defined: you likely forgot to import, pass, or provide it.")}return k(j);})(); ;return Component;5:["slug","button","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","button","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"button\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","button","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"button"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"UX text - Button — Green Design System"}],["$","meta","3",{"name":"description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input%2Faccessibility.html b/component/input%2Faccessibility.html index d024d8fc5..22ff620e8 100644 --- a/component/input%2Faccessibility.html +++ b/component/input%2Faccessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Faccessibility.txt b/component/input%2Faccessibility.txt index 588796c8e..ac855effc 100644 --- a/component/input%2Faccessibility.txt +++ b/component/input%2Faccessibility.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","input%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Faccessibility/accessibility.html b/component/input%2Faccessibility/accessibility.html index ddbb4e8db..b8f6b4d53 100644 --- a/component/input%2Faccessibility/accessibility.html +++ b/component/input%2Faccessibility/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Faccessibility/accessibility.txt b/component/input%2Faccessibility/accessibility.txt index 08b11c722..8b3ee792c 100644 --- a/component/input%2Faccessibility/accessibility.txt +++ b/component/input%2Faccessibility/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Faccessibility/code.html b/component/input%2Faccessibility/code.html index 8088633ca..fe861b1a8 100644 --- a/component/input%2Faccessibility/code.html +++ b/component/input%2Faccessibility/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Faccessibility/code.txt b/component/input%2Faccessibility/code.txt index c4e1803d0..e6d8ef200 100644 --- a/component/input%2Faccessibility/code.txt +++ b/component/input%2Faccessibility/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Faccessibility/design.html b/component/input%2Faccessibility/design.html index 49bb5e5f9..9007104e5 100644 --- a/component/input%2Faccessibility/design.html +++ b/component/input%2Faccessibility/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Faccessibility/design.txt b/component/input%2Faccessibility/design.txt index dc35b7a8d..1054ba1a9 100644 --- a/component/input%2Faccessibility/design.txt +++ b/component/input%2Faccessibility/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Faccessibility/ux-text.html b/component/input%2Faccessibility/ux-text.html index ee204310f..60a389420 100644 --- a/component/input%2Faccessibility/ux-text.html +++ b/component/input%2Faccessibility/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Faccessibility/ux-text.txt b/component/input%2Faccessibility/ux-text.txt index ebdc7c355..5e5271374 100644 --- a/component/input%2Faccessibility/ux-text.txt +++ b/component/input%2Faccessibility/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/accessibility\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Faccessibility","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Faccessibility"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fcode.html b/component/input%2Fcode.html index 44223bc08..b0873bb36 100644 --- a/component/input%2Fcode.html +++ b/component/input%2Fcode.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fcode.txt b/component/input%2Fcode.txt index 19e80b4fb..4b9346b81 100644 --- a/component/input%2Fcode.txt +++ b/component/input%2Fcode.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","input%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fcode/accessibility.html b/component/input%2Fcode/accessibility.html index 9c9e98789..f6fab1da4 100644 --- a/component/input%2Fcode/accessibility.html +++ b/component/input%2Fcode/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fcode/accessibility.txt b/component/input%2Fcode/accessibility.txt index 1defe50a4..9f010f7c4 100644 --- a/component/input%2Fcode/accessibility.txt +++ b/component/input%2Fcode/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fcode/code.html b/component/input%2Fcode/code.html index 6756dbf7a..05a71bc89 100644 --- a/component/input%2Fcode/code.html +++ b/component/input%2Fcode/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fcode/code.txt b/component/input%2Fcode/code.txt index 7b58b67d4..2582bb336 100644 --- a/component/input%2Fcode/code.txt +++ b/component/input%2Fcode/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fcode/design.html b/component/input%2Fcode/design.html index 0b5dbbe03..9aec273de 100644 --- a/component/input%2Fcode/design.html +++ b/component/input%2Fcode/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fcode/design.txt b/component/input%2Fcode/design.txt index 7981b151d..931739315 100644 --- a/component/input%2Fcode/design.txt +++ b/component/input%2Fcode/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fcode/ux-text.html b/component/input%2Fcode/ux-text.html index a8f319d49..c8212d2ce 100644 --- a/component/input%2Fcode/ux-text.html +++ b/component/input%2Fcode/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fcode/ux-text.txt b/component/input%2Fcode/ux-text.txt index 1b6279f38..65f45e40e 100644 --- a/component/input%2Fcode/ux-text.txt +++ b/component/input%2Fcode/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fcode","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/code\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fcode","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fcode"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fdesign.html b/component/input%2Fdesign.html index 1e5fd7980..36bfc674a 100644 --- a/component/input%2Fdesign.html +++ b/component/input%2Fdesign.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fdesign.txt b/component/input%2Fdesign.txt index 5fb2c31f7..40647aba3 100644 --- a/component/input%2Fdesign.txt +++ b/component/input%2Fdesign.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","input%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fdesign/accessibility.html b/component/input%2Fdesign/accessibility.html index 83c4c615b..79130fcf3 100644 --- a/component/input%2Fdesign/accessibility.html +++ b/component/input%2Fdesign/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fdesign/accessibility.txt b/component/input%2Fdesign/accessibility.txt index 9a3cea6f4..5c27de482 100644 --- a/component/input%2Fdesign/accessibility.txt +++ b/component/input%2Fdesign/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fdesign/code.html b/component/input%2Fdesign/code.html index 448a2eb58..e36f7e41d 100644 --- a/component/input%2Fdesign/code.html +++ b/component/input%2Fdesign/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fdesign/code.txt b/component/input%2Fdesign/code.txt index 47057b02c..8aa20eb5a 100644 --- a/component/input%2Fdesign/code.txt +++ b/component/input%2Fdesign/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fdesign/design.html b/component/input%2Fdesign/design.html index 25ffd8efa..4a559e7df 100644 --- a/component/input%2Fdesign/design.html +++ b/component/input%2Fdesign/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fdesign/design.txt b/component/input%2Fdesign/design.txt index 699ee6649..ceed5a2a1 100644 --- a/component/input%2Fdesign/design.txt +++ b/component/input%2Fdesign/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fdesign/ux-text.html b/component/input%2Fdesign/ux-text.html index d1bc8478a..4215581c9 100644 --- a/component/input%2Fdesign/ux-text.html +++ b/component/input%2Fdesign/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fdesign/ux-text.txt b/component/input%2Fdesign/ux-text.txt index 44fed0af4..93d0f7144 100644 --- a/component/input%2Fdesign/ux-text.txt +++ b/component/input%2Fdesign/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fdesign","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/design\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fdesign","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fdesign"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fux-text.html b/component/input%2Fux-text.html index a6d8dbf7e..433e23fb3 100644 --- a/component/input%2Fux-text.html +++ b/component/input%2Fux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fux-text.txt b/component/input%2Fux-text.txt index 812ed3809..c94a8c811 100644 --- a/component/input%2Fux-text.txt +++ b/component/input%2Fux-text.txt @@ -1,10 +1,10 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 5:["slug","input%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["__PAGE__",{},["$L1","$L2",null]]},[null,["$","$L3",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fux-text/accessibility.html b/component/input%2Fux-text/accessibility.html index 859423942..c37625b94 100644 --- a/component/input%2Fux-text/accessibility.html +++ b/component/input%2Fux-text/accessibility.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fux-text/accessibility.txt b/component/input%2Fux-text/accessibility.txt index 625ebbe71..6c6c8c695 100644 --- a/component/input%2Fux-text/accessibility.txt +++ b/component/input%2Fux-text/accessibility.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fux-text/code.html b/component/input%2Fux-text/code.html index 428a830b8..9e3469bfa 100644 --- a/component/input%2Fux-text/code.html +++ b/component/input%2Fux-text/code.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fux-text/code.txt b/component/input%2Fux-text/code.txt index 9bed6d102..387c06cc4 100644 --- a/component/input%2Fux-text/code.txt +++ b/component/input%2Fux-text/code.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["code",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fux-text/design.html b/component/input%2Fux-text/design.html index 71d189173..725ca39d6 100644 --- a/component/input%2Fux-text/design.html +++ b/component/input%2Fux-text/design.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fux-text/design.txt b/component/input%2Fux-text/design.txt index b0667f2cc..e2d01e429 100644 --- a/component/input%2Fux-text/design.txt +++ b/component/input%2Fux-text/design.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["design",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input%2Fux-text/ux-text.html b/component/input%2Fux-text/ux-text.html index 43069d93a..38d6318c9 100644 --- a/component/input%2Fux-text/ux-text.html +++ b/component/input%2Fux-text/ux-text.html @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/component/input%2Fux-text/ux-text.txt b/component/input%2Fux-text/ux-text.txt index 2efc1627d..8d21fabd6 100644 --- a/component/input%2Fux-text/ux-text.txt +++ b/component/input%2Fux-text/ux-text.txt @@ -1,10 +1,10 @@ 3:I[5613,[],""] 5:I[1778,[],""] -6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +7:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 8:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 4:["slug","input%2Fux-text","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input/ux-text\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input%2Fux-text","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L6",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input%2Fux-text"}}],null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L8",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"name":"next-size-adjust"}]] 1:"$La" diff --git a/component/input.html b/component/input.html index 4e4b38b68..afaf8cfe3 100644 --- a/component/input.html +++ b/component/input.html @@ -1,4 +1,4 @@ -Input — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Input

Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

work in progress
form
+Input — Green Design System
This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

Input

Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

work in progress
form
@@ -25,122 +25,16 @@
  • Label outside (default): Includes all the features we need in complex forms.
  • Label inside: gives a more clean look but doesn't work for longer labels and can only be used in specific contexts.
    • -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Default, label outside.
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Option number 2 used only in specific contexts.
    +
    Default, label outside.
    Option number 2 used only in specific contexts.

    Sets

    To be able to use forms in all context's we provide 2 versions of input fields.

    • Regular text field
    • Multi lined text field, Multiple lines. Some text fields require a lot more text to be entered. A simple example would be description of a payment. For this we use the multi-line version of the input-field. This is often known as a text area or free text. Counter. For some fields it's critical that users know the limitations. Counters start at the max and count down to zero. When the counter comes close to zero the appearance shifts to red to warn the user before the fields stops accepting input.
    -
    Regular and search field.
    - - - - - - - - - - - - - - - - - -
    Free text field.
    +
    Regular and search field.
    Free text field.

    Sizes

    The input fields come in two sizes.

    • Normal: used in most cases.
    • Small: used in tables and in some special cases where the space is very limited.
      • -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Normal and small
    +
    Normal and small

    Features

    Label

    All input fields need a label. Keep the label short and to the point.

    @@ -149,66 +43,11 @@

    Features

  • Instruction text: Additional instruction of how to think, what we expect, or what format is required.
  • Contextual help: Either as a tooltip, extended help that increase the size of the field with more instructions, or a slide-out with helptext.
  • Error text: If users fail in filling the field with correct information, the last help is the error text that can guide to a solution based on the entered information.
    • -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Field instruction visible.
    +
    Field instruction visible.

    Field counter

    Text missing...

    Field counter

    Dynamic information

    Used to perform comparative calculations next to the field. For example if users fill out salary after taxes, the dynamic information may show the salary before taxes.

    Example on dynamic information
    -

    Static data

    Sometimes you may want to output data from the system inside a form, but it's hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don't use disabled fields.

    - - - -
    Example on static data
    -

    Auto complete

    Input text can be used with auto complete to help users who have limited literacy or who write in a foreign language.Sometimes you may want to output data from the system inside a form, but it's hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don't use disabled fields.

    - - - - - - - - - - - - - - - - - - - - - - -
    Example on autocomplete
    +

    Static data

    Sometimes you may want to output data from the system inside a form, but it's hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don't use disabled fields.

    Example on static data
    +

    Auto complete

    Input text can be used with auto complete to help users who have limited literacy or who write in a foreign language.Sometimes you may want to output data from the system inside a form, but it's hard from the system an may not be changed. Then we output that data in plain text, formatted the same way as the form in general. Don't use disabled fields.

    Example on autocomplete

    Do’s and dont’s

    Do

    DO
    DON'T
    -
    DON'T
    Last updated:
    \ No newline at end of file +
    DON'T
    Last updated:
    \ No newline at end of file diff --git a/component/input.txt b/component/input.txt index 97256d528..6ba456345 100644 --- a/component/input.txt +++ b/component/input.txt @@ -1,11 +1,11 @@ -2:I[1740,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-01b9079e179e4b88.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],"Mdx"] -4:I[5935,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-01b9079e179e4b88.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],""] -5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +2:I[1740,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-749a78b3ac38ab55.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],"Mdx"] +4:I[5935,["214","static/chunks/214-c874259fc4bbccff.js","311","static/chunks/311-749a78b3ac38ab55.js","985","static/chunks/app/component/%5Bslug%5D/page-ebb1245148d44961.js"],""] +5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] 6:I[5613,[],""] 8:I[1778,[],""] -9:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +9:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -3:T24eb,var Component=(()=>{var p=Object.create;var a=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),g=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},h=(i,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of x(n))!b.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=f(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?p(w(i)):{},h(n||!i||!i.__esModule?a(r,"default",{value:i,enumerable:!0}):r,i)),N=i=>h(a({},"__esModule",{value:!0}),i);var u=y((_,c)=>{c.exports=_jsx_runtime});var T={};g(T,{default:()=>k,frontmatter:()=>D});var e=v(u()),D={title:"Input",summary:"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.",date:new Date(17032032e5),global_id:"inputinput",status:"work in progress",tags:"form",node:"606-6849",preview:""};function m(i){let n=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",ul:"ul",li:"li",strong:"strong"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:s,Dont:d}=n;return t||l("Col",!0),s||l("Do",!0),d||l("Dont",!0),o||l("FigmaSVG",!0),r||l("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"overview",children:(0,e.jsx)(n.a,{className:"anchor",href:"#overview",children:"Overview"})}),` +3:T24e0,var Component=(()=>{var f=Object.create;var a=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var w=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(i,n)=>()=>(n||i((n={exports:{}}).exports,n),n.exports),g=(i,n)=>{for(var r in n)a(i,r,{get:n[r],enumerable:!0})},h=(i,n,r,t)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of x(n))!b.call(i,o)&&o!==r&&a(i,o,{get:()=>n[o],enumerable:!(t=p(n,o))||t.enumerable});return i};var v=(i,n,r)=>(r=i!=null?f(w(i)):{},h(n||!i||!i.__esModule?a(r,"default",{value:i,enumerable:!0}):r,i)),N=i=>h(a({},"__esModule",{value:!0}),i);var u=y((_,c)=>{c.exports=_jsx_runtime});var T={};g(T,{default:()=>k,frontmatter:()=>D});var e=v(u()),D={title:"Input",summary:"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.",date:new Date(17032032e5),global_id:"inputinput",status:"work in progress",tags:"form",node:"606-6849"};function m(i){let n=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3",ul:"ul",li:"li",strong:"strong"},i.components),{Row:r,Col:t,FigmaSVG:o,Do:s,Dont:d}=n;return t||l("Col",!0),s||l("Do",!0),d||l("Dont",!0),o||l("FigmaSVG",!0),r||l("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(n.h2,{id:"overview",children:(0,e.jsx)(n.a,{className:"anchor",href:"#overview",children:"Overview"})}),` `,(0,e.jsx)(n.p,{children:'Input are used to let the user enter text or numbers in a form.Optional field indicator. We always strive to only ask for mandatory information, so we want to inform users if some fields are optional. We do this by adding a parenthesis with the words "optional" next to the label with the field.'}),` `,` `,(0,e.jsxs)(r,{children:[(0,e.jsxs)(t,{children:[(0,e.jsx)(n.h3,{id:"variants",children:(0,e.jsx)(n.a,{className:"anchor",href:"#variants",children:"Variants"})}),(0,e.jsx)(n.p,{children:"To be able to use forms in all context's we provide 2 versions of input fields."}),(0,e.jsxs)(n.ul,{children:[` @@ -46,6 +46,6 @@ a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app `,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{children:(0,e.jsx)(s,{children:(0,e.jsx)(o,{node:"647-6126"})})}),(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:"647-6129"})})})]}),` `,(0,e.jsxs)(r,{children:[(0,e.jsx)(t,{}),(0,e.jsx)(t,{children:(0,e.jsx)(d,{children:(0,e.jsx)(o,{node:"619-6615"})})})]})]})}function F(i={}){let{wrapper:n}=i.components||{};return n?(0,e.jsx)(n,Object.assign({},i,{children:(0,e.jsx)(m,i)})):m(i)}var k=F;function l(i,n){throw new Error("Expected "+(n?"component":"object")+" `"+i+"` to be defined: you likely forgot to import, pass, or provide it.")}return N(T);})(); ;return Component;7:["slug","input","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["__PAGE__",{},["$L1",[["$","script",null,{"type":"application/ld+json","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Thing\",\"description\":\"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.\",\"url\":\"https://seb.io/component/input\",\"author\":{\"@type\":\"Company\",\"name\":\"SEB\"}}"}}],null,["$","$L2",null,{"code":"$3","globals":{"slug":"input"}}],["$","$L4",null,{"src":"/playground-elements/playground-elements.mjs","type":"module","crossOrigin":"anonymous"}]],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$7","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input"}}],null]]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L9",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["__PAGE__",{},["$L1",[["$","script",null,{"type":"application/ld+json","suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"Thing\",\"description\":\"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.\",\"url\":\"https://seb.io/component/input\",\"author\":{\"@type\":\"Company\",\"name\":\"SEB\"}}"}}],null,["$","$L2",null,{"code":"$3","globals":{"slug":"input"}}],["$","$L4",null,{"src":"/playground-elements/playground-elements.mjs","type":"module","crossOrigin":"anonymous"}]],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$7","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}],"params":{"slug":"input"}}],null]]},["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L9",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] b:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Input — Green Design System"}],["$","meta","3",{"name":"description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/accessibility.html b/component/input/accessibility.html index aa92b44fb..ee13d8a7d 100644 --- a/component/input/accessibility.html +++ b/component/input/accessibility.html @@ -1,4 +1,4 @@ -Accessibility - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    +Accessibility - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    @@ -19,4 +19,4 @@
    OverviewDesignUX textCodeAccessibility
    Last updated:
    \ No newline at end of file +

    This page will be updated with information soon.

    Last updated:
    \ No newline at end of file diff --git a/component/input/accessibility.txt b/component/input/accessibility.txt index a14d260d1..0818e3518 100644 --- a/component/input/accessibility.txt +++ b/component/input/accessibility.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-f14e7663c0bae90f.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-41f97e53c069aefd.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T516,var Component=(()=>{var d=Object.create;var s=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)s(n,o,{get:t[o],enumerable:!0})},c=(n,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of g(t))!u.call(n,i)&&i!==o&&s(n,i,{get:()=>t[i],enumerable:!(a=h(t,i))||a.enumerable});return n};var f=(n,t,o)=>(o=n!=null?d(p(n)):{},c(t||!n||!n.__esModule?s(o,"default",{value:n,enumerable:!0}):o,n)),j=n=>c(s({},"__esModule",{value:!0}),n);var l=x((M,r)=>{r.exports=_jsx_runtime});var C={};_(C,{default:()=>y,frontmatter:()=>b});var e=f(l()),b={title:"Accessibility",global_id:"inputaccessibility",date:new Date(17032032e5)};function m(n){let t=Object.assign({h2:"h2",a:"a",p:"p"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:"coming-soon",children:(0,e.jsx)(t.a,{className:"anchor",href:"#coming-soon",children:"Coming soon"})}),` `,(0,e.jsx)(t.p,{children:"This page will be updated with information soon."})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(m,n)})):m(n)}var y=w;return j(C);})(); ;return Component;5:["slug","input","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["accessibility",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Accessibility - Input — Green Design System"}],["$","meta","3",{"name":"description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/code.html b/component/input/code.html index 753ed8bc1..a7d6eee5f 100644 --- a/component/input/code.html +++ b/component/input/code.html @@ -1,4 +1,4 @@ -Code - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    +Code - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    @@ -19,4 +19,4 @@
    OverviewDesignUX textCodeAccessibility
    Last updated:
    \ No newline at end of file +

    This page will be updated with information soon.

    Last updated:
    \ No newline at end of file diff --git a/component/input/code.txt b/component/input/code.txt index fabb22e30..945c02c3b 100644 --- a/component/input/code.txt +++ b/component/input/code.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","826","static/chunks/app/component/%5Bslug%5D/code/page-cadef9de35080ddb.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","826","static/chunks/app/component/%5Bslug%5D/code/page-83ef9d25d14192d0.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T504,var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)a(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of g(t))!u.call(n,s)&&s!==o&&a(n,s,{get:()=>t[s],enumerable:!(i=l(t,s))||i.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(p(n)):{},r(t||!n||!n.__esModule?a(o,"default",{value:n,enumerable:!0}):o,n)),j=n=>r(a({},"__esModule",{value:!0}),n);var d=x((F,c)=>{c.exports=_jsx_runtime});var D={};_(D,{default:()=>C,frontmatter:()=>b});var e=f(d()),b={title:"Code",global_id:"inputcode",date:new Date(17032032e5)};function m(n){let t=Object.assign({h2:"h2",a:"a",p:"p"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:"coming-soon",children:(0,e.jsx)(t.a,{className:"anchor",href:"#coming-soon",children:"Coming soon"})}),` `,(0,e.jsx)(t.p,{children:"This page will be updated with information soon."})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(m,n)})):m(n)}var C=w;return j(D);})(); ;return Component;5:["slug","input","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["code",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["code",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["code",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","code","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Code - Input — Green Design System"}],["$","meta","3",{"name":"description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/design.html b/component/input/design.html index ebbcd7843..7a6d2f12e 100644 --- a/component/input/design.html +++ b/component/input/design.html @@ -1,4 +1,4 @@ -Design - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    +Design - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    @@ -19,4 +19,4 @@
    OverviewDesignUX textCodeAccessibility
    Last updated:
    \ No newline at end of file +

    This page will be updated with information soon.

    Last updated:
    \ No newline at end of file diff --git a/component/input/design.txt b/component/input/design.txt index 7bf1f217d..5150221b3 100644 --- a/component/input/design.txt +++ b/component/input/design.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","564","static/chunks/app/component/%5Bslug%5D/design/page-85e373e530dae718.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","564","static/chunks/app/component/%5Bslug%5D/design/page-07efc7a4d8102855.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T508,var Component=(()=>{var h=Object.create;var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty;var x=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)i(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of g(t))!u.call(n,s)&&s!==o&&i(n,s,{get:()=>t[s],enumerable:!(a=l(t,s))||a.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(p(n)):{},r(t||!n||!n.__esModule?i(o,"default",{value:n,enumerable:!0}):o,n)),j=n=>r(i({},"__esModule",{value:!0}),n);var m=x((F,c)=>{c.exports=_jsx_runtime});var C={};_(C,{default:()=>D,frontmatter:()=>b});var e=f(m()),b={title:"Design",global_id:"inputdesign",date:new Date(17032032e5)};function d(n){let t=Object.assign({h2:"h2",a:"a",p:"p"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:"coming-soon",children:(0,e.jsx)(t.a,{className:"anchor",href:"#coming-soon",children:"Coming soon"})}),` `,(0,e.jsx)(t.p,{children:"This page will be updated with information soon."})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var D=w;return j(C);})(); ;return Component;5:["slug","input","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["design",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["design",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["design",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","design","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Design - Input — Green Design System"}],["$","meta","3",{"name":"description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/ux-text.html b/component/input/ux-text.html index a6f2bd6b8..497c7b289 100644 --- a/component/input/ux-text.html +++ b/component/input/ux-text.html @@ -1,4 +1,4 @@ -UX text - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    +UX text - Input — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    work in progress
    form
    @@ -19,4 +19,4 @@
    OverviewDesignUX textCodeAccessibility
    Last updated:
    \ No newline at end of file +

    This page will be updated with information soon.

    Last updated:
    \ No newline at end of file diff --git a/component/input/ux-text.txt b/component/input/ux-text.txt index 1471d4444..d1eb25c19 100644 --- a/component/input/ux-text.txt +++ b/component/input/ux-text.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-01b9079e179e4b88.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-a8be0adac9292043.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-749a78b3ac38ab55.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-949660175433c456.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-01b9079e179e4b88.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] -8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-749a78b3ac38ab55.js","162","static/chunks/app/component/%5Bslug%5D/layout-cff77a78ac58eb9e.js"],""] +8:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:T509,var Component=(()=>{var h=Object.create;var a=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var u=Object.getPrototypeOf,g=Object.prototype.hasOwnProperty;var p=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),_=(n,t)=>{for(var o in t)a(n,o,{get:t[o],enumerable:!0})},r=(n,t,o,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of x(t))!g.call(n,s)&&s!==o&&a(n,s,{get:()=>t[s],enumerable:!(i=l(t,s))||i.enumerable});return n};var f=(n,t,o)=>(o=n!=null?h(u(n)):{},r(t||!n||!n.__esModule?a(o,"default",{value:n,enumerable:!0}):o,n)),j=n=>r(a({},"__esModule",{value:!0}),n);var m=p((X,c)=>{c.exports=_jsx_runtime});var D={};_(D,{default:()=>C,frontmatter:()=>b});var e=f(m()),b={title:"UX text",global_id:"uxtextinput",date:new Date(17032032e5)};function d(n){let t=Object.assign({h2:"h2",a:"a",p:"p"},n.components);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:"coming-soon",children:(0,e.jsx)(t.a,{className:"anchor",href:"#coming-soon",children:"Coming soon"})}),` `,(0,e.jsx)(t.p,{children:"This page will be updated with information soon."})]})}function w(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(d,n)})):d(n)}var C=w;return j(D);})(); ;return Component;5:["slug","input","d"] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["component",{"children":[["slug","input","d"],{"children":["ux-text",{"children":["__PAGE__?{\"slug\":\"input\"}",{}]}]}]}]},"$undefined","$undefined",true],["",{"children":["component",{"children":[["slug","input","d"],{"children":["ux-text",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"code":"$3","globals":{}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children","ux-text","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f5fa85e38e119ab1.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L7",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children","$5","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],"params":{"slug":"input"}}],null]]},["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","component","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/2df16ea1a57a3786.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","$L8",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L6",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L9",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$La"]]]] a:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"UX text - Input — Green Design System"}],["$","meta","3",{"name":"description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","4",{"name":"next-size-adjust"}]] 1:null diff --git a/components.html b/components.html index 8a33891bd..0367705bd 100644 --- a/components.html +++ b/components.html @@ -1,4 +1,4 @@ -Components — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Components

    Interactive Button
    Button

    Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

    +Components — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Components

    Primary default button
    Button

    Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

    @@ -18,4 +18,4 @@ -
    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    \ No newline at end of file +
    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    \ No newline at end of file diff --git a/components.txt b/components.txt index fbced6343..c59de0e1e 100644 --- a/components.txt +++ b/components.txt @@ -1,7 +1,7 @@ 2:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","540","static/chunks/app/components/page-a7b4d3cb77b9071b.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 3:T4375, @@ -22,6 +22,6 @@ -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["components",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["components",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core","children":["$","section",null,{"className":"home-components","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}],["$","div",null,{"className":"component-list","children":[["$","$L2",null,{"href":"/component/button","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Interactive Button"}}]}],"$undefined"],["$","div",null,{"children":"Button"}],["$","p",null,{"children":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}]]}],["$","$L2",null,{"href":"/component/input","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$3"}}]}],"$undefined"],["$","div",null,{"children":"Input"}],["$","p",null,{"children":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}]]}]]}]]}]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0af4b8c51f31ad7f.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["components",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["components",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core","children":["$","section",null,{"className":"home-components","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}],["$","div",null,{"className":"component-list","children":[["$","$L2",null,{"href":"/component/button","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Primary default button"}}]}],"$undefined"],["$","div",null,{"children":"Button"}],["$","p",null,{"children":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}]]}],["$","$L2",null,{"href":"/component/input","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$3"}}]}],"$undefined"],["$","div",null,{"children":"Input"}],["$","p",null,{"children":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}]]}]]}]]}]}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","components","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0af4b8c51f31ad7f.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L7"]]]] 7:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Components — Green"}],["$","link","3",{"rel":"canonical","href":"https://seb.io/components/components"}],["$","meta","4",{"property":"og:title","content":"Components — Green"}],["$","meta","5",{"property":"og:image","content":"https://seb.io/components/og?title=Components"}],["$","meta","6",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","7",{"name":"twitter:title","content":"Components — Green"}],["$","meta","8",{"name":"twitter:image","content":"https://seb.io/components/og?title=Components"}],["$","meta","9",{"name":"next-size-adjust"}]] 1:null diff --git a/foundation.html b/foundation.html index c2e772b27..d6fe8e250 100644 --- a/foundation.html +++ b/foundation.html @@ -1,5 +1,5 @@ -Foundation — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Foundation

    Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence.

    Our purpose

    Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence.

    Tonality

    Our tonality is a voice that speaks to the user, we do not scream, but when needed we raise our voice to be heard. The balance in volume allows us to point the user in the right direction, wave to get noticed or whisper when needed.

    A picture of a cabin in the woods

    Visual style

    This design language is a direct descendant and part of the global brand identity. It caters to designers and developers with design assets and code. Together we can focus on the user and the experience we want to build, and swiftly make changes as needed.

    A picture of a cabin in the woods

    Features

    The Green Design System ensures a unified visual experience. Empowering designers and developers with versatile, accessible and coherent components.

    \ No newline at end of file diff --git a/foundation.txt b/foundation.txt index da3bb53ad..a59135214 100644 --- a/foundation.txt +++ b/foundation.txt @@ -2,9 +2,9 @@ 3:I[6988,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","310","static/chunks/app/foundation/page-82876c7806f6cb5f.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 8:{} -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["foundation",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["foundation",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/789c3aa4888d9ee6.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/517fbde2182f1097.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["foundation",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["foundation",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/789c3aa4888d9ee6.css","precedence":"next","crossOrigin":""}],["$","link","1",{"rel":"stylesheet","href":"/_next/static/css/517fbde2182f1097.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Foundation — Green Design System"}],["$","meta","3",{"name":"description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","link","4",{"rel":"canonical","href":"https://seb.io/foundation/foundation"}],["$","meta","5",{"property":"og:title","content":"Foundation — Green Design System"}],["$","meta","6",{"property":"og:description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","meta","7",{"property":"og:image","content":"https://seb.io/foundation/og?title=Foundation"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Foundation — Green Design System"}],["$","meta","10",{"name":"twitter:description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/foundation/og?title=Foundation"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/foundation/accessibility.html b/foundation/accessibility.html index 148adb799..cd05886a0 100644 --- a/foundation/accessibility.html +++ b/foundation/accessibility.html @@ -1 +1 @@ -Foundation — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Accessibility

    Work in progress.

    \ No newline at end of file +Foundation — Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Accessibility

    Work in progress.

    \ No newline at end of file diff --git a/foundation/accessibility.txt b/foundation/accessibility.txt index 32c0f9f13..833226704 100644 --- a/foundation/accessibility.txt +++ b/foundation/accessibility.txt @@ -1,7 +1,7 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 5:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["foundation",{"children":["accessibility",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["foundation",{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core","children":["$","section",null,{"children":[["$","h1",null,{"children":"Accessibility"}],["$","p",null,{"children":"Work in progress."}]]}]}],null]]},["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["foundation",{"children":["accessibility",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["foundation",{"children":["accessibility",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core","children":["$","section",null,{"children":[["$","h1",null,{"children":"Accessibility"}],["$","p",null,{"children":"Work in progress."}]]}]}],null]]},["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children","accessibility","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","foundation","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Foundation — Green Design System"}],["$","meta","3",{"name":"description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","link","4",{"rel":"canonical","href":"https://seb.io/foundation/foundation"}],["$","meta","5",{"property":"og:title","content":"Foundation — Green Design System"}],["$","meta","6",{"property":"og:description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","meta","7",{"property":"og:image","content":"https://seb.io/foundation/og?title=Foundation"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Foundation — Green Design System"}],["$","meta","10",{"name":"twitter:description","content":"Green Design System, a framework designed to bring unity, efficiency, and coherent perspective to our digital experiences. Over time it will grow and evolve but always reflect our design philosophy. User needs first, being forefront and with confidence."}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/foundation/og?title=Foundation"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/index.html b/index.html index f69463523..92ea85723 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ -Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Designed to bring unity to our digital experiences.

    Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility.

    Components

    Interactive Button
    Button

    Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

    +Green Design System
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Designed to bring unity to our digital experiences.

    Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility.

    Components

    Primary default button
    Button

    Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly.

    @@ -18,4 +18,4 @@ -
    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    Resources

    Start contributing now!
    SEB Brand Hub

    Empowering designers and developers

    A framework with accessibility and usability rooted at its core, Green Design System empowers designers and developers to create with speed and precision. It ensures a seamless and consistent visual experience across our entire product suite.

    \ No newline at end of file +
    Input

    Text fields allow users to enter text into a UI. They typically appear in forms and dialogs.

    Resources

    Start contributing now!
    SEB Brand Hub

    Empowering designers and developers

    A framework with accessibility and usability rooted at its core, Green Design System empowers designers and developers to create with speed and precision. It ensures a seamless and consistent visual experience across our entire product suite.

    \ No newline at end of file diff --git a/index.txt b/index.txt index f4baa5daa..1b8fc0810 100644 --- a/index.txt +++ b/index.txt @@ -1,6 +1,6 @@ 2:I[3991,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 3:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 6:I[5613,[],""] 7:I[1778,[],""] 4:T4375, @@ -23,6 +23,6 @@ -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core home","children":[["$","$L2",null,{"heading":"Designed to bring unity to our digital experiences.","preamble":"Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility."}],["$","section",null,{"className":"home-components","children":[["$","h2",null,{"children":["$","$L3",null,{"href":"/components","children":"Components"}]}],["$","div",null,{"className":"component-list","children":[["$","$L3",null,{"href":"/component/button","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Interactive Button"}}]}],"$undefined"],["$","div",null,{"children":"Button"}],["$","p",null,{"children":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}]]}],["$","$L3",null,{"href":"/component/input","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$4"}}]}],"$undefined"],["$","div",null,{"children":"Input"}],["$","p",null,{"children":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}]]}]]}]]}],["$","section",null,{"className":"home-resources","children":[["$","h2",null,{"children":"Resources"}],["$","div",null,{"className":"list","children":[["$","$L3",null,{"className":"cta-home","href":"https://github.com/sebgroup/green","target":"_blank","children":[["$","span",null,{"data-caption":"Github","children":"Start contributing now!"}],["$","div",null,{"children":["$","svg",null,{"viewBox":"0 0 24 24","children":[["$","line",null,{"x1":"5","y1":"12","x2":"19","y2":"12"}],["$","polyline",null,{"points":"12 5 19 12 12 19"}]]}]}]]}],["$","$L3",null,{"className":"cta-home","href":"https://brand.seb.se/point/en/seb/","target":"_blank","children":[["$","span",null,{"data-caption":"Media Bank & Brand Guidelines","children":"SEB Brand Hub"}],["$","div",null,{"children":["$","svg",null,{"viewBox":"0 0 24 24","children":[["$","line",null,{"x1":"5","y1":"12","x2":"19","y2":"12"}],["$","polyline",null,{"points":"12 5 19 12 12 19"}]]}]}]]}]]}]]}],["$","section",null,{"className":"home-quote","children":[["$","h2",null,{"children":"Empowering designers and developers"}],["$","p",null,{"children":"A framework with accessibility and usability rooted at its core, Green Design System empowers designers and developers to create with speed and precision. It ensures a seamless and consistent visual experience across our entire product suite."}]]}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L3",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f88bbe3bce2582fb.css","precedence":"next","crossOrigin":""}]]}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L8"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},["$L1",["$","div",null,{"className":"layout core home","children":[["$","$L2",null,{"heading":"Designed to bring unity to our digital experiences.","preamble":"Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility."}],["$","section",null,{"className":"home-components","children":[["$","h2",null,{"children":["$","$L3",null,{"href":"/components","children":"Components"}]}],["$","div",null,{"className":"component-list","children":[["$","$L3",null,{"href":"/component/button","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Primary default button"}}]}],"$undefined"],["$","div",null,{"children":"Button"}],["$","p",null,{"children":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}]]}],["$","$L3",null,{"href":"/component/input","children":[[["$","figure",null,{"className":"preview","data-caption":"$undefined","style":{"maxBlockSize":"240px","minBlockSize":"240px","aspectRatio":"initial","width":"auto","height":"auto","padding":"48px"},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$4"}}]}],"$undefined"],["$","div",null,{"children":"Input"}],["$","p",null,{"children":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}]]}]]}]]}],["$","section",null,{"className":"home-resources","children":[["$","h2",null,{"children":"Resources"}],["$","div",null,{"className":"list","children":[["$","$L3",null,{"className":"cta-home","href":"https://github.com/sebgroup/green","target":"_blank","children":[["$","span",null,{"data-caption":"Github","children":"Start contributing now!"}],["$","div",null,{"children":["$","svg",null,{"viewBox":"0 0 24 24","children":[["$","line",null,{"x1":"5","y1":"12","x2":"19","y2":"12"}],["$","polyline",null,{"points":"12 5 19 12 12 19"}]]}]}]]}],["$","$L3",null,{"className":"cta-home","href":"https://brand.seb.se/point/en/seb/","target":"_blank","children":[["$","span",null,{"data-caption":"Media Bank & Brand Guidelines","children":"SEB Brand Hub"}],["$","div",null,{"children":["$","svg",null,{"viewBox":"0 0 24 24","children":[["$","line",null,{"x1":"5","y1":"12","x2":"19","y2":"12"}],["$","polyline",null,{"points":"12 5 19 12 12 19"}]]}]}]]}]]}]]}],["$","section",null,{"className":"home-quote","children":[["$","h2",null,{"children":"Empowering designers and developers"}],["$","p",null,{"children":"A framework with accessibility and usability rooted at its core, Green Design System empowers designers and developers to create with speed and precision. It ensures a seamless and consistent visual experience across our entire product suite."}]]}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L3",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f88bbe3bce2582fb.css","precedence":"next","crossOrigin":""}]]}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L8"]]]] 8:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Green Design System"}],["$","meta","3",{"name":"description","content":"Green Design System is more than a polished user interface, its places the user at the very forefront of design, usability and accessibility."}],["$","link","4",{"rel":"canonical","href":"https://seb.io/"}],["$","meta","5",{"name":"google-site-verification","content":"vhAE3wh75Jg9hnVBtCn30CPNnXyzEw-JAcS9Q1LwewY"}],["$","meta","6",{"name":"next-size-adjust"}]] 1:null diff --git a/sitemap.xml b/sitemap.xml index 99a1456dd..be4bcd278 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -2,55 +2,55 @@ https://seb.io -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.785Z yearly 1 https://seb.io/components -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.785Z monthly 0.8 https://seb.io/component/button -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.785Z monthly 0.8 https://seb.io/component/input -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z monthly 0.8 https://seb.io/foundation -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z weekly 0.5 https://seb.io/foundation/accessibility -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z weekly 0.5 https://seb.io/about -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z weekly 0.5 https://seb.io/changelog -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z weekly 0.5 https://seb.io/status -2024-02-15T14:51:41.447Z +2024-02-15T15:23:02.786Z weekly 0.5 diff --git a/status.html b/status.html index 7efe0489e..60cbeecbe 100644 --- a/status.html +++ b/status.html @@ -1 +1 @@ -Status — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!
    Component
    Status
    Last update
    • Button
      work in progress
    • Input
      work in progress
    \ No newline at end of file +Status — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!
    Component
    Status
    Last update
    • Button
      work in progress
    • Input
      work in progress
    \ No newline at end of file diff --git a/status.txt b/status.txt index a35e2d993..fd73f970b 100644 --- a/status.txt +++ b/status.txt @@ -1,7 +1,7 @@ 2:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","357","static/chunks/app/status/page-3bda147db6bfa13f.js"],""] 3:I[5613,[],""] 4:I[1778,[],""] -5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["status",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["status",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":[["$","header",null,{"children":[["$","div",null,{"children":"Component"}],["$","div",null,{"children":"Status"}],["$","div",null,{"children":"Last update"}]]}],["$","ul",null,{"children":[["$","li",null,{"children":[["$","$L2",null,{"href":"/component/button","title":"Component","children":"Button"}],["$","div",null,{"title":"Status","children":"work in progress"}],["$","time",null,{"dateTime":"2023-12-22T00:00:00.000Z","children":"December 22, 2023"}]]}],["$","li",null,{"children":[["$","$L2",null,{"href":"/component/input","title":"Component","children":"Input"}],["$","div",null,{"title":"Status","children":"work in progress"}],["$","time",null,{"dateTime":"2023-12-22T00:00:00.000Z","children":"December 22, 2023"}]]}]]}]]}],null]]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","status","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +5:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["status",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["status",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":[["$","header",null,{"children":[["$","div",null,{"children":"Component"}],["$","div",null,{"children":"Status"}],["$","div",null,{"children":"Last update"}]]}],["$","ul",null,{"children":[["$","li",null,{"children":[["$","$L2",null,{"href":"/component/button","title":"Component","children":"Button"}],["$","div",null,{"title":"Status","children":"work in progress"}],["$","time",null,{"dateTime":"2023-12-22T00:00:00.000Z","children":"December 22, 2023"}]]}],["$","li",null,{"children":[["$","$L2",null,{"href":"/component/input","title":"Component","children":"Input"}],["$","div",null,{"title":"Status","children":"work in progress"}],["$","time",null,{"dateTime":"2023-12-22T00:00:00.000Z","children":"December 22, 2023"}]]}]]}]]}],null]]},[null,["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","status","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L5",null,{"children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L2",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Status — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/status/status"}],["$","meta","5",{"property":"og:title","content":"Status — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/status/og?title=Status"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Status — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/status/og?title=Status"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/ux-writing.html b/ux-writing.html index 25abe0a53..b770c1ea0 100644 --- a/ux-writing.html +++ b/ux-writing.html @@ -1 +1 @@ -UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Writing

    Regardless of where, when or how the customer meets us, the experience of SEB must be the same because each meeting contributes to how we are perceived. A positive customer experience opens the door to new business.

    This is particularly important in texts aimed at customers. Mistakes affect the reader's concentration on the content and understanding of the text. Because our texts are correct, our credibility with customers and other visitors (=potential customers) increases. We follow:

    Written ID, our tone of voice

    SEB's Written ID is our guiding light, and it forms the basis for all our communication, including UX writing.


    This is the essence of Written ID:

    • We are people speaking to people. That’s why we prefer using an informal, personal voice rather than an official one.
    • Our texts are clear and easy to grasp, and we start with what’s most important.
    • We have the engagement and energy; we share our drive with our customers. Linguistically that means our language is alert and modern.

    The voice the customers encounter when they use a service on the internet banking services or the mobile apps must be the same in guides, sales, error messages, etc.

    But UX writing should, to a greater degree than other non-fiction texts, be consistent. Therefore, we have special principles for different design components.

    UX writing in SEB



    What is UX writing and how will good UX texts help our customers?



    The UX texts help the user, or customer, to navigate apps, websites, and other digital products. They are one part of many in a final design. UX texts focus on accessibility, they are short and to the point without losing any important information. They are user-friendly, contextually appropriate and with the right tone of voice. The UX texts should solve a user problem and meet the business goals.

    These are many requirements to take into account and which do not always go hand in hand with each other. Therefore, people with the right knowledge and skills must write the UX texts.

    Good UX writing is like a personal guide that acts in the background and helps customers understand how to act and navigate. It ensures that customers do not end up in situations where they feel stupid or underestimated. Really good UX writing will rather make them feel satisfied because they succeed in finishing a task without unnecessary thresholds.

    UX writing in SEB is:



    • Consistent – we strive to use the same word for the same item, action, or object.
    • Educational – we make an effort to be brief and pedagogic.
    • Distinct – we avoid bank or tech jargon.
    • Helpful – we prevent mistakes and setbacks.

    A few examples of UX texts:



    • Labels and headings
    • Menus
    • Buttons, links, and navigation texts
    • Error messages
    • Help texts and instructions
    • Onboardings
    • Empty states
    • Loading screen messages
    • Success messages
    • Disclaimer texts

    Translate texts from Swedish to English



    If you need to translate Swedish texts into English, the bank has agreements with, among others, Språkkonsulterna and Lionbridge. Contact them directly to order a translation.



    When you contact them to ask if they are available to take on the assignment, they want to know approximately how many words are to be translated. They also need to know the name of who will pay the invoice before you send the translation document.



    Contact the UX writing team



    When you need help with tone-of-voice, instructions, vocabulary or a UX writer to work with, please don’t hesitate to contact the UX writing team. Reach out in the Teams channels UX writing in Green Design System or UX writing in CX Community, or if you already have a contact or dedicated writer for your team or product, simply contact that person.

    \ No newline at end of file +UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    Writing

    Regardless of where, when or how the customer meets us, the experience of SEB must be the same because each meeting contributes to how we are perceived. A positive customer experience opens the door to new business.

    This is particularly important in texts aimed at customers. Mistakes affect the reader's concentration on the content and understanding of the text. Because our texts are correct, our credibility with customers and other visitors (=potential customers) increases. We follow:

    Written ID, our tone of voice

    SEB's Written ID is our guiding light, and it forms the basis for all our communication, including UX writing.


    This is the essence of Written ID:

    • We are people speaking to people. That’s why we prefer using an informal, personal voice rather than an official one.
    • Our texts are clear and easy to grasp, and we start with what’s most important.
    • We have the engagement and energy; we share our drive with our customers. Linguistically that means our language is alert and modern.

    The voice the customers encounter when they use a service on the internet banking services or the mobile apps must be the same in guides, sales, error messages, etc.

    But UX writing should, to a greater degree than other non-fiction texts, be consistent. Therefore, we have special principles for different design components.

    UX writing in SEB



    What is UX writing and how will good UX texts help our customers?



    The UX texts help the user, or customer, to navigate apps, websites, and other digital products. They are one part of many in a final design. UX texts focus on accessibility, they are short and to the point without losing any important information. They are user-friendly, contextually appropriate and with the right tone of voice. The UX texts should solve a user problem and meet the business goals.

    These are many requirements to take into account and which do not always go hand in hand with each other. Therefore, people with the right knowledge and skills must write the UX texts.

    Good UX writing is like a personal guide that acts in the background and helps customers understand how to act and navigate. It ensures that customers do not end up in situations where they feel stupid or underestimated. Really good UX writing will rather make them feel satisfied because they succeed in finishing a task without unnecessary thresholds.

    UX writing in SEB is:



    • Consistent – we strive to use the same word for the same item, action, or object.
    • Educational – we make an effort to be brief and pedagogic.
    • Distinct – we avoid bank or tech jargon.
    • Helpful – we prevent mistakes and setbacks.

    A few examples of UX texts:



    • Labels and headings
    • Menus
    • Buttons, links, and navigation texts
    • Error messages
    • Help texts and instructions
    • Onboardings
    • Empty states
    • Loading screen messages
    • Success messages
    • Disclaimer texts

    Translate texts from Swedish to English



    If you need to translate Swedish texts into English, the bank has agreements with, among others, Språkkonsulterna and Lionbridge. Contact them directly to order a translation.



    When you contact them to ask if they are available to take on the assignment, they want to know approximately how many words are to be translated. They also need to know the name of who will pay the invoice before you send the translation document.



    Contact the UX writing team



    When you need help with tone-of-voice, instructions, vocabulary or a UX writer to work with, please don’t hesitate to contact the UX writing team. Reach out in the Teams channels UX writing in Green Design System or UX writing in CX Community, or if you already have a contact or dedicated writer for your team or product, simply contact that person.

    \ No newline at end of file diff --git a/ux-writing.txt b/ux-writing.txt index bd5609a12..0aa984bea 100644 --- a/ux-writing.txt +++ b/ux-writing.txt @@ -2,9 +2,9 @@ 3:I[5248,["250","static/chunks/250-3a85ee001665a1f0.js","832","static/chunks/app/ux-writing/page-a77159825b6a8c1e.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +6:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] 8:{} -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["ux-writing",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/e65bd8a61e314f71.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["ux-writing",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["__PAGE__",{},["$L1",["$","$L2",null,{"propsForComponent":{"params":{}},"Component":"$3","isStaticGeneration":true}],null]]},[null,["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/e65bd8a61e314f71.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L6",null,{"children":["$","$L4",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":"$8"}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] 9:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"UX writing — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/ux-writing/ux-writing"}],["$","meta","5",{"property":"og:title","content":"UX writing — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/ux-writing/og?title=UX%20Writing"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"UX writing — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/ux-writing/og?title=UX%20Writing"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/ux-writing/english.html b/ux-writing/english.html index 63a46ed46..baaa5863d 100644 --- a/ux-writing/english.html +++ b/ux-writing/english.html @@ -1 +1 @@ -English - UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing English

    \ No newline at end of file +English - UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing English

    \ No newline at end of file diff --git a/ux-writing/english.txt b/ux-writing/english.txt index 750623f09..b33f48ab3 100644 --- a/ux-writing/english.txt +++ b/ux-writing/english.txt @@ -1,7 +1,7 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 5:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["ux-writing",{"children":["english",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["english",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing English"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","english","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["ux-writing",{"children":["english",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["english",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing English"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","english","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"English - UX writing — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/ux-writing/english/ux-writing/english"}],["$","meta","5",{"property":"og:title","content":"English - UX writing — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/ux-writing/english/og?title=UX%20Writing%20English"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"English - UX writing — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/ux-writing/english/og?title=UX%20Writing%20English"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/ux-writing/general.html b/ux-writing/general.html index e06a53548..1078c1e50 100644 --- a/ux-writing/general.html +++ b/ux-writing/general.html @@ -1 +1 @@ -UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing Universal

    \ No newline at end of file +UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing Universal

    \ No newline at end of file diff --git a/ux-writing/general.txt b/ux-writing/general.txt index b112e0e9f..ff9f87608 100644 --- a/ux-writing/general.txt +++ b/ux-writing/general.txt @@ -1,7 +1,7 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 5:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["ux-writing",{"children":["general",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["general",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing Universal"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","general","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["ux-writing",{"children":["general",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["general",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing Universal"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","general","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"UX writing — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/ux-writing/general/ux-writing/general"}],["$","meta","5",{"property":"og:title","content":"UX writing — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/ux-writing/general/og?title=UX%20Writing%20General"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"UX writing — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/ux-writing/general/og?title=UX%20Writing%20General"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null diff --git a/ux-writing/swedish.html b/ux-writing/swedish.html index 0c33de399..77f7a61d6 100644 --- a/ux-writing/swedish.html +++ b/ux-writing/swedish.html @@ -1 +1 @@ -Swedish - UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing Swedish

    \ No newline at end of file +Swedish - UX writing — Green
    This is the staging site of seb.io, The Green Design System is work in progress and not ready to use, but feel free to explore!

    UX writing Swedish

    \ No newline at end of file diff --git a/ux-writing/swedish.txt b/ux-writing/swedish.txt index 89fa67949..a11ce9452 100644 --- a/ux-writing/swedish.txt +++ b/ux-writing/swedish.txt @@ -1,7 +1,7 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-01b9079e179e4b88.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] +4:I[6222,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","214","static/chunks/214-c874259fc4bbccff.js","599","static/chunks/599-c1a0b60645c5e443.js","311","static/chunks/311-749a78b3ac38ab55.js","185","static/chunks/app/layout-bc8c6df3689cfe17.js"],""] 5:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -0:["FJ-wob1X4aXZX5r69nNOA",[[["",{"children":["ux-writing",{"children":["swedish",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["swedish",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing Swedish"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","swedish","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] +0:["4ZniKt4TZbT8WCRAvZvNf",[[["",{"children":["ux-writing",{"children":["swedish",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["swedish",{"children":["__PAGE__",{},["$L1",["$","section",null,{"className":"layout status","children":["$","h1",null,{"children":"UX writing Swedish"}]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children","swedish","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/0e9056fb09f18a1e.css","precedence":"next","crossOrigin":""}]]}],null]]},[null,["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children","ux-writing","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}],null]]},[null,["$","$L4",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"layout core 404","children":[["$","h1",null,{"className":"heading-medium","children":"404 - Page Not Found"}],["$","$L5",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}],"params":{}}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/388cd34e469c88eb.css","precedence":"next","crossOrigin":""}]],"$L6"]]]] 6:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Swedish - UX writing — Green "}],["$","meta","3",{"name":"description","content":"Green Design System"}],["$","link","4",{"rel":"canonical","href":"https://seb.io/ux-writing/swedish/ux-writing/swedish"}],["$","meta","5",{"property":"og:title","content":"Swedish - UX writing — Green "}],["$","meta","6",{"property":"og:description","content":"Green Design System"}],["$","meta","7",{"property":"og:image","content":"https://seb.io/ux-writing/swedish/og?title=UX%20Writing%20Swedish"}],["$","meta","8",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","9",{"name":"twitter:title","content":"Swedish - UX writing — Green "}],["$","meta","10",{"name":"twitter:description","content":"Green Design System"}],["$","meta","11",{"name":"twitter:image","content":"https://seb.io/ux-writing/swedish/og?title=UX%20Writing%20Swedish"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null