diff --git a/404.html b/404.html index 02367167..7d9886d4 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/chunks/311-30a8e2ee39d65d50.js b/_next/static/chunks/311-30a8e2ee39d65d50.js new file mode 100644 index 00000000..31423f1f --- /dev/null +++ b/_next/static/chunks/311-30a8e2ee39d65d50.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-12T15:44:47.551Z"}]'),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 B=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),m=(l,e)=>{for(var i in e)a(l,i,{get:e[i],enumerable:!0})},o=(l,e,i,s)=>{if(e&&typeof e==\\"object\\"||typeof e==\\"function\\")for(let t of y(e))!g.call(l,t)&&t!==i&&a(l,t,{get:()=>e[t],enumerable:!(s=b(e,t))||s.enumerable});return l};var f=(l,e,i)=>(i=l!=null?p(u(l)):{},o(e||!l||!l.__esModule?a(i,\\"default\\",{value:l,enumerable:!0}):i,l)),A=l=>o(a({},\\"__esModule\\",{value:!0}),l);var d=B((E,c)=>{c.exports=_jsx_runtime});var w={};m(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:s,FigmaSVG:t}=e;return s||r(\\"Col\\",!0),t||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)(s,{children:(0,n.jsx)(t,{node:\\"259-4131\\",caption:\\"Icon buttons with accessible labels, label attributes\\"})}),(0,n.jsx)(s,{children:(0,n.jsx)(t,{node:\\"259-4140\\",caption:\\"Buttons with accessible labels.\\"})})]}),`\\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,{\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{\\"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,{\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,n.jsx)(e.span,{\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{\\"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,{\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,n.jsx)(e.span,{\\"data-line\\":\\"\\",children:(0,n.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})}),`\\n`,(0,n.jsxs)(e.span,{\\"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-12T15:44:47.551Z","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\\n \\n Submit\\n Approve\\n Revoke\\n \\n \\n Submit\\n Approve\\n Revoke\\n\\n \\n Submit\\n Approve\\n Revoke\\n\\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 \\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 \\n Send payment\\n \\n \\n Cancel\\n \\n \\n More\\n \\n
\\n\\n\\n```html\\nSend payment\\nCancel\\nMore\\n```","code":"var Component=(()=>{var h=Object.create;var o=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),F=(n,e)=>{for(var r in e)o(n,r,{get:e[r],enumerable:!0})},c=(n,e,r,t)=>{if(e&&typeof e==\\"object\\"||typeof e==\\"function\\")for(let s of p(e))!A.call(n,s)&&s!==r&&o(n,s,{get:()=>e[s],enumerable:!(t=B(e,s))||t.enumerable});return n};var u=(n,e,r)=>(r=n!=null?h(y(n)):{},c(e||!n||!n.__esModule?o(r,\\"default\\",{value:n,enumerable:!0}):r,n)),b=n=>c(o({},\\"__esModule\\",{value:!0}),n);var d=g((x,a)=>{a.exports=_jsx_runtime});var E={};F(E,{default:()=>v,frontmatter:()=>m});var l=u(d()),m={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,{\\"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,{\\"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,{\\"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,{\\"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-language\\":\\"html\\",\\"data-theme\\":\\"default\\",style:{display:\\"grid\\"},children:[(0,l.jsxs)(e.span,{\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})]}),`\\n`,(0,l.jsxs)(e.span,{\\"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:\\"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,{\\"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:\\"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,{\\"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:\\"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,{\\"data-line\\":\\"\\",children:(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"})}),`\\n`,(0,l.jsxs)(e.span,{\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})]}),`\\n`,(0,l.jsxs)(e.span,{\\"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,{\\"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,{\\"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,{\\"data-line\\":\\"\\",children:\\" \\"}),`\\n`,(0,l.jsxs)(e.span,{\\"data-line\\":\\"\\",children:[(0,l.jsx)(e.span,{style:{color:\\"#ABB2BF\\"},children:\\" \\"}),(0,l.jsx)(e.span,{style:{color:\\"#7F848E\\",fontStyle:\\"italic\\"},children:\\"\\"})]}),`\\n`,(0,l.jsxs)(e.span,{\\"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,{\\"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,{\\"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.span,{\\"data-line\\":\\"\\",children:\\" \\"})]})})}),`\\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\\",set:\\"positive\\",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,{\\"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,{\\"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,{\\"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,{\\"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,{\\"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,{\\"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,{\\"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,{\\"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,{\\"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:(0,l.jsx)(e.p,{children:\\"Send payment\\"})}),(0,l.jsx)(\\"gds-button\\",{variant:\\"secondary\\",disabled:!0,children:(0,l.jsx)(e.p,{children:\\"Cancel\\"})}),(0,l.jsx)(\\"gds-button\\",{variant:\\"tertiary\\",disabled:!0,children:(0,l.jsx)(e.p,{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,{\\"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,{\\"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,{\\"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 b(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-12T15:44:47.551Z","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-12T15:44:47.551Z","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","node":"227-1256","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{/* */}\\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\\",node:\\"227-1256\\"};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`,`\\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-12T15:44:47.551Z","figma_hero_svg":{"node":"227-1256","svg":"\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n\\n"},"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 b=Object.getPrototypeOf,S=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))!S.call(t,i)&&i!==o&&c(t,i,{get:()=>n[i],enumerable:!(a=g(n,i))||a.enumerable});return t};var k=(t,n,o)=>(o=t!=null?f(b(t)):{},l(n||!t||!t.__esModule?c(o,\\"default\\",{value:t,enumerable:!0}):o,t)),E=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=k(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< SE>(St\\\\xE4ng) \\\\u2013 closing a dialog, modal, slide-out etc.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"258-3911\\",caption:\\"Sign< SE>(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 E(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-12T15:44:47.551Z","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-12T15:44:47.551Z","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-12T15:44:47.551Z","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-12T15:44:47.551Z","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, input","status":"work in progress","node":"1614-9124","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### Label\\nAll input fields need a label. Keep the label short and to the point.\\n\\n\\n\\n### Field instructions\\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### 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### Dynamic information\\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### Static data\\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### 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## Do’s and dont’s\\n\\n\\n\\nDo\\n
    \\n
  • Use \\"optional\\" to mark optional fields.
    • \\n
\\n\\n\\nDon’t\\n
    \\n
  • Use asterix for indicate mandatory fields.
    • \\n
\\n\\n\\n\\n\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n\\n","code":"var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),v=(n,t)=>{for(var a in t)s(n,a,{get:t[a],enumerable:!0})},c=(n,t,a,o)=>{if(t&&typeof t==\\"object\\"||typeof t==\\"function\\")for(let i of x(t))!b.call(n,i)&&i!==a&&s(n,i,{get:()=>t[i],enumerable:!(o=w(t,i))||o.enumerable});return n};var D=(n,t,a)=>(a=n!=null?p(y(n)):{},c(t||!n||!n.__esModule?s(a,\\"default\\",{value:n,enumerable:!0}):a,n)),N=n=>c(s({},\\"__esModule\\",{value:!0}),n);var m=g((j,u)=>{u.exports=_jsx_runtime});var T={};v(T,{default:()=>S,frontmatter:()=>F});var e=D(m()),F={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, input\\",node:\\"1614-9124\\"};function f(n){let t=Object.assign({h2:\\"h2\\",a:\\"a\\",p:\\"p\\",h3:\\"h3\\"},n.components),{Playground:a,Row:o,Col:i,FigmaSVG:r,Do:d,Dont:h}=t;return i||l(\\"Col\\",!0),d||l(\\"Do\\",!0),h||l(\\"Dont\\",!0),r||l(\\"FigmaSVG\\",!0),a||l(\\"Playground\\",!0),o||l(\\"Row\\",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:\\"overview\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#overview\\",children:\\"Overview\\"})}),`\\n`,(0,e.jsx)(t.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`,(0,e.jsx)(a,{component:\\"input\\",\\"story-id\\":\\"2\\"}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"variants\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#variants\\",children:\\"Variants\\"})}),(0,e.jsx)(t.p,{children:\\"To be able to use forms in all context\'s we provide 2 versions of input fields.\\"}),(0,e.jsxs)(\\"ul\\",{children:[(0,e.jsx)(\\"li\\",{children:\\"Label outside (default): Includes all the features we need in complex forms.\\"}),(0,e.jsx)(\\"li\\",{children:\\"Label inside: gives a more clean look but doesn\'t work for longer labels and can only be used in specific contexts.\\"})]})]}),(0,e.jsx)(i,{})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1654-1952\\",caption:\\"Default, label outside.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1654-2159\\",caption:\\"Option number 2 used only in specific contexts.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"sets\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#sets\\",children:\\"Sets\\"})}),(0,e.jsx)(t.p,{children:\\"To be able to use forms in all context\'s we provide 2 versions of input fields.\\"}),(0,e.jsxs)(\\"ul\\",{children:[(0,e.jsx)(\\"li\\",{children:\\"Regular text field\\"}),(0,e.jsx)(\\"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.\\"})]})]}),(0,e.jsx)(i,{})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1655-2401\\",caption:\\"Regular and search field.\\"})}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1655-2708\\",caption:\\"Free text field.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"sizes\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#sizes\\",children:\\"Sizes\\"})}),(0,e.jsx)(t.p,{children:\\"The input fields come in two sizes.\\"}),(0,e.jsxs)(\\"ul\\",{children:[(0,e.jsx)(\\"li\\",{children:\\"Normal: used in most cases.\\"}),(0,e.jsx)(\\"li\\",{children:\\"Small: used in tables and in some special cases where the space is very limited.\\"})]})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1655-2834\\",caption:\\"Normal and small\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(t.h2,{id:\\"features\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#features\\",children:\\"Features\\"})}),`\\n`,(0,e.jsx)(t.h3,{id:\\"label\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#label\\",children:\\"Label\\"})}),`\\n`,(0,e.jsx)(t.p,{children:\\"All input fields need a label. Keep the label short and to the point.\\"}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"field-instructions\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#field-instructions\\",children:\\"Field instructions\\"})}),(0,e.jsx)(t.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)(i,{children:(0,e.jsx)(r,{node:\\"1655-2868\\",caption:\\"Field instruction visible.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"field-help\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#field-help\\",children:\\"Field help\\"})}),(0,e.jsx)(t.p,{children:\\"We can provide three types of help in relation to input fields\\"}),(0,e.jsxs)(\\"ul\\",{children:[(0,e.jsx)(\\"li\\",{children:\\"Instruction text: Additional instruction of how to think, what we expect, or what format is required.\\"}),(0,e.jsx)(\\"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.\\"}),(0,e.jsx)(\\"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.\\"})]})]}),(0,e.jsx)(i,{children:(0,e.jsx)(r,{node:\\"1655-2901\\",caption:\\"Field instruction visible.\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"dynamic-information\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#dynamic-information\\",children:\\"Dynamic information\\"})}),(0,e.jsx)(t.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)(i,{children:(0,e.jsx)(r,{node:\\"1655-2834\\",caption:\\"Example on dynamic information\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"static-data\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#static-data\\",children:\\"Static data\\"})}),(0,e.jsx)(t.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)(i,{children:(0,e.jsx)(r,{node:\\"1655-2834\\",caption:\\"Example on static data\\"})})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.h3,{id:\\"auto-complete\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#auto-complete\\",children:\\"Auto complete\\"})}),(0,e.jsx)(t.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)(i,{children:(0,e.jsx)(r,{node:\\"1655-2834\\",caption:\\"Example on autocomplete\\"})})]}),`\\n`,(0,e.jsx)(\\"hr\\",{}),`\\n`,(0,e.jsx)(t.h2,{id:\\"dos-and-donts\\",children:(0,e.jsx)(t.a,{className:\\"anchor\\",href:\\"#dos-and-donts\\",children:\\"Do\\\\u2019s and dont\\\\u2019s\\"})}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.p,{children:\\"Do\\"}),(0,e.jsx)(\\"ul\\",{children:(0,e.jsx)(\\"li\\",{children:\'Use \\"optional\\" to mark optional fields.\'})})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(t.p,{children:\\"Don\\\\u2019t\\"}),(0,e.jsx)(\\"ul\\",{children:(0,e.jsx)(\\"li\\",{children:\\"Use asterix for indicate mandatory fields.\\"})})]})]}),`\\n`,(0,e.jsxs)(o,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(d,{children:(0,e.jsx)(r,{node:\\"1655-2834\\"})})}),(0,e.jsx)(i,{children:(0,e.jsx)(h,{children:(0,e.jsx)(r,{node:\\"1655-2834\\"})})})]})]})}function k(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(f,n)})):f(n)}var S=k;function l(n,t){throw new Error(\\"Expected \\"+(t?\\"component\\":\\"object\\")+\\" `\\"+n+\\"` 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":"Field instructions","slug":"field-instructions"},{"level":3,"text":"Field help","slug":"field-help"},{"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-12T15:44:47.551Z","figma_hero_svg":{"node":"1614-9124","svg":""},"figma_svgs":[{"node":"1654-1952","svg":""},{"node":"1654-2159","svg":""},{"node":"1655-2401","svg":""},{"node":"1655-2708","svg":""},{"node":"1655-2834","svg":""},{"node":"1655-2868","svg":""},{"node":"1655-2901","svg":""},{"node":"1655-2834","svg":""},{"node":"1655-2834","svg":""},{"node":"1655-2834","svg":""},{"node":"1655-2834","svg":""},{"node":"1655-2834","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-12T15:44:47.551Z","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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"}]'),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-12T15:44:47.551Z"},{"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-12T15:44:47.551Z"}]');let l=[...n,...t,...V,...i]}}]); \ No newline at end of file diff --git a/_next/static/chunks/app/changelog/[slug]/layout-d145413d43e039d1.js b/_next/static/chunks/app/changelog/[slug]/layout-d145413d43e039d1.js new file mode 100644 index 00000000..4045fe5a --- /dev/null +++ b/_next/static/chunks/app/changelog/[slug]/layout-d145413d43e039d1.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[977,841,605,686,431,989,429,978,692,124,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/component/[slug]/accessibility/page-c070692cfad2a250.js b/_next/static/chunks/app/component/[slug]/accessibility/page-c070692cfad2a250.js new file mode 100644 index 00000000..c1ddea40 --- /dev/null +++ b/_next/static/chunks/app/component/[slug]/accessibility/page-c070692cfad2a250.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[102,564,826,550],{7561:function(){},6435:function(e,t,n){"use strict";n.d(t,{F:function(){return a},f:function(){return u}});var r=n(2265);let s=["light","dark"],o="(prefers-color-scheme: dark)",i="undefined"==typeof window,c=(0,r.createContext)(void 0),l={setTheme:e=>{},themes:[]},a=()=>{var e;return null!==(e=(0,r.useContext)(c))&&void 0!==e?e:l},u=e=>(0,r.useContext)(c)?r.createElement(r.Fragment,null,e.children):r.createElement(m,e),d=["light","dark"],m=({forcedTheme:e,disableTransitionOnChange:t=!1,enableSystem:n=!0,enableColorScheme:i=!0,storageKey:l="theme",themes:a=d,defaultTheme:u=n?"system":"light",attribute:m="data-theme",value:v,children:y,nonce:x})=>{let[j,w]=(0,r.useState)(()=>h(l,u)),[S,_]=(0,r.useState)(()=>h(l)),b=v?Object.values(v):a,$=(0,r.useCallback)(e=>{let r=e;if(!r)return;"system"===e&&n&&(r=g());let o=v?v[r]:r,c=t?p():null,l=document.documentElement;if("class"===m?(l.classList.remove(...b),o&&l.classList.add(o)):o?l.setAttribute(m,o):l.removeAttribute(m),i){let e=s.includes(u)?u:null,t=s.includes(r)?r:e;l.style.colorScheme=t}null==c||c()},[]),E=(0,r.useCallback)(e=>{w(e);try{localStorage.setItem(l,e)}catch(e){}},[e]),k=(0,r.useCallback)(t=>{_(g(t)),"system"===j&&n&&!e&&$("system")},[j,e]);(0,r.useEffect)(()=>{let e=window.matchMedia(o);return e.addListener(k),k(e),()=>e.removeListener(k)},[k]),(0,r.useEffect)(()=>{let e=e=>{e.key===l&&E(e.newValue||u)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[E]),(0,r.useEffect)(()=>{$(null!=e?e:j)},[e,j]);let T=(0,r.useMemo)(()=>({theme:j,setTheme:E,forcedTheme:e,resolvedTheme:"system"===j?S:j,themes:n?[...a,"system"]:a,systemTheme:n?S:void 0}),[j,E,e,S,n,a]);return r.createElement(c.Provider,{value:T},r.createElement(f,{forcedTheme:e,disableTransitionOnChange:t,enableSystem:n,enableColorScheme:i,storageKey:l,themes:a,defaultTheme:u,attribute:m,value:v,children:y,attrs:b,nonce:x}),y)},f=(0,r.memo)(({forcedTheme:e,storageKey:t,attribute:n,enableSystem:i,enableColorScheme:c,defaultTheme:l,value:a,attrs:u,nonce:d})=>{let m="system"===l,f="class"===n?`var d=document.documentElement,c=d.classList;c.remove(${u.map(e=>`'${e}'`).join(",")});`:`var d=document.documentElement,n='${n}',s='setAttribute';`,h=c?s.includes(l)&&l?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${l}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",p=(e,t=!1,r=!0)=>{let o=a?a[e]:e,i=t?e+"|| ''":`'${o}'`,l="";return c&&r&&!t&&s.includes(e)&&(l+=`d.style.colorScheme = '${e}';`),"class"===n?l+=t||o?`c.add(${i})`:"null":o&&(l+=`d[s](n,${i})`),l},g=e?`!function(){${f}${p(e)}}()`:i?`!function(){try{${f}var e=localStorage.getItem('${t}');if('system'===e||(!e&&${m})){var t='${o}',m=window.matchMedia(t);if(m.media!==t||m.matches){${p("dark")}}else{${p("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${p(a?"x[e]":"e",!0)}}${m?"":"else{"+p(l,!1,!1)+"}"}${h}}catch(e){}}()`:`!function(){try{${f}var e=localStorage.getItem('${t}');if(e){${a?`var x=${JSON.stringify(a)};`:""}${p(a?"x[e]":"e",!0)}}else{${p(l,!1,!1)};}${h}}catch(t){}}();`;return r.createElement("script",{nonce:d,dangerouslySetInnerHTML:{__html:g}})},()=>!0),h=(e,t)=>{let n;if(!i){try{n=localStorage.getItem(e)||void 0}catch(e){}return n||t}},p=()=>{let e=document.createElement("style");return e.appendChild(document.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}},g=e=>(e||(e=window.matchMedia(o)),e.matches?"dark":"light")},8826:function(e,t,n){Promise.resolve().then(n.bind(n,1740))},1740:function(e,t,n){"use strict";n.r(t),n.d(t,{Mdx:function(){return h}});var r=n(7437),s=n(2265),o=n(4887),i=n(4472);let c=(e,t={})=>{let n={React:s,ReactDOM:o,_jsx_runtime:i.i,...t};return Function(...Object.keys(n),e)(...Object.values(n)).default},l=(e,t={})=>s.useMemo(()=>c(e,t),[e,t]);var a=n(290);n(6958),n(2981);var u=n(4033),d=n(3311),m=n(6435);n(6502),n(177);let f={FigmaSVG:function(e){let{caption:t,node:n,height:s}=e,o=(0,u.usePathname)(),i=d.DD.find(e=>e.url_path===o),c=null==i?void 0:i.figma_svgs.find(e=>e.node===n);return(0,r.jsx)(a.Z,{caption:t,height:s,children:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:null==c?void 0:c.svg}})})},FigmaProto:function(e){let{file:t,caption:n,node:o,scale:i,height:c}=e,[l,a]=(0,s.useState)(!0);return(0,r.jsxs)("figure",{className:l?"loading":"",children:[(0,r.jsx)("iframe",{src:"https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/proto/".concat(t,"/Embed?type=design&scaling=min-zoom&node-id=").concat(o,"&mode=design&hide-ui=1"),onLoad:()=>{a(!1)},height:c}),(0,r.jsx)("figcaption",{children:n})]})},Image:function(e){let{alt:t,dark:n,caption:o,...i}=e,{theme:c}=(0,m.F)(),[l,a]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{a(!0)},[]),l)?(0,r.jsxs)("figure",{children:[(0,r.jsxs)("picture",{children:["dark"===c&&(0,r.jsx)("source",{srcSet:n,media:"(prefers-color-scheme: dark)"}),(0,r.jsx)("img",{alt:t,...i})]}),o&&(0,r.jsx)("figcaption",{dangerouslySetInnerHTML:{__html:o}})]}):null},Playground:function(e){let t=(0,s.useRef)(null),n=(0,s.useRef)(null);return(0,s.useEffect)(()=>{n.current&&t.current&&(n.current.project=t.current)},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("playground-project",{id:"story-project",ref:t,"project-src":"/stories/".concat(e.component,"/project.json")}),(0,r.jsx)("playground-preview",{ref:n})]})},Row:function(e){let{children:t}=e;return(0,r.jsx)("div",{className:"row",children:t})},Col:function(e){let{children:t}=e;return(0,r.jsx)("div",{className:"col",children:t})},Do:function(e){let{children:t}=e;return(0,r.jsxs)("div",{className:"card do",children:[t,(0,r.jsxs)("span",{children:[(0,r.jsx)("svg",{viewBox:"0 0 24 24",children:(0,r.jsx)("polyline",{points:"20 6 9 17 4 12"})}),"DO"]})]})},Dont:function(e){let{children:t}=e;return(0,r.jsxs)("div",{className:"card dont",children:[t,(0,r.jsxs)("span",{children:[(0,r.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,r.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,r.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),"DON'T"]})]})},Refs:function(){return(0,r.jsx)("div",{children:"Refs"})},SE:function(e){let{children:t}=e;return(0,r.jsx)("span",{lang:"se",children:t})},Pattern:a.Z};function h(e){let{code:t,globals:n}=e,s=l(t,n);return(0,r.jsx)("div",{children:(0,r.jsx)(s,{components:f})})}},290:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(7437);function s(e){let{children:t,caption:n,height:s}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("figure",{className:"preview","data-caption":n,style:s?{maxBlockSize:"".concat(s,"px"),minBlockSize:"".concat(s,"px"),aspectRatio:"initial",width:"auto",height:"auto",padding:"48px"}:{},children:t}),n&&(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:n}})]})}n(2265),n(3819)},6958:function(){},2981:function(){},6502:function(){},177:function(){},3819:function(){},622:function(e,t,n){"use strict";var r=n(2265),s=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function a(e,t,n){var r,o={},a=null,u=null;for(r in void 0!==n&&(a=""+n),void 0!==t.key&&(a=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===o[r]&&(o[r]=t[r]);return{$$typeof:s,type:e,key:a,ref:u,props:o,_owner:c.current}}t.Fragment=o,t.jsx=a,t.jsxs=a},7437:function(e,t,n){"use strict";e.exports=n(622)},4033:function(e,t,n){e.exports=n(5313)},4472:function(e,t,n){let r=n(7437);e.exports.i=r}},function(e){e.O(0,[311,971,938,744],function(){return e(e.s=8826)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/component/[slug]/ux-text/page-6d50500c8901fb0a.js b/_next/static/chunks/app/component/[slug]/ux-text/page-6d50500c8901fb0a.js new file mode 100644 index 00000000..ebcf7b08 --- /dev/null +++ b/_next/static/chunks/app/component/[slug]/ux-text/page-6d50500c8901fb0a.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[550,102,564,826],{7561:function(){},6435:function(e,t,n){"use strict";n.d(t,{F:function(){return a},f:function(){return u}});var r=n(2265);let s=["light","dark"],o="(prefers-color-scheme: dark)",i="undefined"==typeof window,c=(0,r.createContext)(void 0),l={setTheme:e=>{},themes:[]},a=()=>{var e;return null!==(e=(0,r.useContext)(c))&&void 0!==e?e:l},u=e=>(0,r.useContext)(c)?r.createElement(r.Fragment,null,e.children):r.createElement(m,e),d=["light","dark"],m=({forcedTheme:e,disableTransitionOnChange:t=!1,enableSystem:n=!0,enableColorScheme:i=!0,storageKey:l="theme",themes:a=d,defaultTheme:u=n?"system":"light",attribute:m="data-theme",value:v,children:y,nonce:x})=>{let[j,w]=(0,r.useState)(()=>h(l,u)),[S,_]=(0,r.useState)(()=>h(l)),b=v?Object.values(v):a,$=(0,r.useCallback)(e=>{let r=e;if(!r)return;"system"===e&&n&&(r=g());let o=v?v[r]:r,c=t?p():null,l=document.documentElement;if("class"===m?(l.classList.remove(...b),o&&l.classList.add(o)):o?l.setAttribute(m,o):l.removeAttribute(m),i){let e=s.includes(u)?u:null,t=s.includes(r)?r:e;l.style.colorScheme=t}null==c||c()},[]),E=(0,r.useCallback)(e=>{w(e);try{localStorage.setItem(l,e)}catch(e){}},[e]),k=(0,r.useCallback)(t=>{_(g(t)),"system"===j&&n&&!e&&$("system")},[j,e]);(0,r.useEffect)(()=>{let e=window.matchMedia(o);return e.addListener(k),k(e),()=>e.removeListener(k)},[k]),(0,r.useEffect)(()=>{let e=e=>{e.key===l&&E(e.newValue||u)};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[E]),(0,r.useEffect)(()=>{$(null!=e?e:j)},[e,j]);let T=(0,r.useMemo)(()=>({theme:j,setTheme:E,forcedTheme:e,resolvedTheme:"system"===j?S:j,themes:n?[...a,"system"]:a,systemTheme:n?S:void 0}),[j,E,e,S,n,a]);return r.createElement(c.Provider,{value:T},r.createElement(f,{forcedTheme:e,disableTransitionOnChange:t,enableSystem:n,enableColorScheme:i,storageKey:l,themes:a,defaultTheme:u,attribute:m,value:v,children:y,attrs:b,nonce:x}),y)},f=(0,r.memo)(({forcedTheme:e,storageKey:t,attribute:n,enableSystem:i,enableColorScheme:c,defaultTheme:l,value:a,attrs:u,nonce:d})=>{let m="system"===l,f="class"===n?`var d=document.documentElement,c=d.classList;c.remove(${u.map(e=>`'${e}'`).join(",")});`:`var d=document.documentElement,n='${n}',s='setAttribute';`,h=c?s.includes(l)&&l?`if(e==='light'||e==='dark'||!e)d.style.colorScheme=e||'${l}'`:"if(e==='light'||e==='dark')d.style.colorScheme=e":"",p=(e,t=!1,r=!0)=>{let o=a?a[e]:e,i=t?e+"|| ''":`'${o}'`,l="";return c&&r&&!t&&s.includes(e)&&(l+=`d.style.colorScheme = '${e}';`),"class"===n?l+=t||o?`c.add(${i})`:"null":o&&(l+=`d[s](n,${i})`),l},g=e?`!function(){${f}${p(e)}}()`:i?`!function(){try{${f}var e=localStorage.getItem('${t}');if('system'===e||(!e&&${m})){var t='${o}',m=window.matchMedia(t);if(m.media!==t||m.matches){${p("dark")}}else{${p("light")}}}else if(e){${a?`var x=${JSON.stringify(a)};`:""}${p(a?"x[e]":"e",!0)}}${m?"":"else{"+p(l,!1,!1)+"}"}${h}}catch(e){}}()`:`!function(){try{${f}var e=localStorage.getItem('${t}');if(e){${a?`var x=${JSON.stringify(a)};`:""}${p(a?"x[e]":"e",!0)}}else{${p(l,!1,!1)};}${h}}catch(t){}}();`;return r.createElement("script",{nonce:d,dangerouslySetInnerHTML:{__html:g}})},()=>!0),h=(e,t)=>{let n;if(!i){try{n=localStorage.getItem(e)||void 0}catch(e){}return n||t}},p=()=>{let e=document.createElement("style");return e.appendChild(document.createTextNode("*{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(e),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(e)},1)}},g=e=>(e||(e=window.matchMedia(o)),e.matches?"dark":"light")},8826:function(e,t,n){Promise.resolve().then(n.bind(n,1740))},1740:function(e,t,n){"use strict";n.r(t),n.d(t,{Mdx:function(){return h}});var r=n(7437),s=n(2265),o=n(4887),i=n(4472);let c=(e,t={})=>{let n={React:s,ReactDOM:o,_jsx_runtime:i.i,...t};return Function(...Object.keys(n),e)(...Object.values(n)).default},l=(e,t={})=>s.useMemo(()=>c(e,t),[e,t]);var a=n(290);n(6958),n(2981);var u=n(4033),d=n(3311),m=n(6435);n(6502),n(177);let f={FigmaSVG:function(e){let{caption:t,node:n,height:s}=e,o=(0,u.usePathname)(),i=d.DD.find(e=>e.url_path===o),c=null==i?void 0:i.figma_svgs.find(e=>e.node===n);return(0,r.jsx)(a.Z,{caption:t,height:s,children:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:null==c?void 0:c.svg}})})},FigmaProto:function(e){let{file:t,caption:n,node:o,scale:i,height:c}=e,[l,a]=(0,s.useState)(!0);return(0,r.jsxs)("figure",{className:l?"loading":"",children:[(0,r.jsx)("iframe",{src:"https://www.figma.com/embed?embed_host=share&url=https://www.figma.com/proto/".concat(t,"/Embed?type=design&scaling=min-zoom&node-id=").concat(o,"&mode=design&hide-ui=1"),onLoad:()=>{a(!1)},height:c}),(0,r.jsx)("figcaption",{children:n})]})},Image:function(e){let{alt:t,dark:n,caption:o,...i}=e,{theme:c}=(0,m.F)(),[l,a]=(0,s.useState)(!1);return((0,s.useEffect)(()=>{a(!0)},[]),l)?(0,r.jsxs)("figure",{children:[(0,r.jsxs)("picture",{children:["dark"===c&&(0,r.jsx)("source",{srcSet:n,media:"(prefers-color-scheme: dark)"}),(0,r.jsx)("img",{alt:t,...i})]}),o&&(0,r.jsx)("figcaption",{dangerouslySetInnerHTML:{__html:o}})]}):null},Playground:function(e){let t=(0,s.useRef)(null),n=(0,s.useRef)(null);return(0,s.useEffect)(()=>{n.current&&t.current&&(n.current.project=t.current)},[]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("playground-project",{id:"story-project",ref:t,"project-src":"/stories/".concat(e.component,"/project.json")}),(0,r.jsx)("playground-preview",{ref:n})]})},Row:function(e){let{children:t}=e;return(0,r.jsx)("div",{className:"row",children:t})},Col:function(e){let{children:t}=e;return(0,r.jsx)("div",{className:"col",children:t})},Do:function(e){let{children:t}=e;return(0,r.jsxs)("div",{className:"card do",children:[t,(0,r.jsxs)("span",{children:[(0,r.jsx)("svg",{viewBox:"0 0 24 24",children:(0,r.jsx)("polyline",{points:"20 6 9 17 4 12"})}),"DO"]})]})},Dont:function(e){let{children:t}=e;return(0,r.jsxs)("div",{className:"card dont",children:[t,(0,r.jsxs)("span",{children:[(0,r.jsxs)("svg",{viewBox:"0 0 24 24",children:[(0,r.jsx)("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),(0,r.jsx)("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]}),"DON'T"]})]})},Refs:function(){return(0,r.jsx)("div",{children:"Refs"})},SE:function(e){let{children:t}=e;return(0,r.jsx)("span",{lang:"se",children:t})},Pattern:a.Z};function h(e){let{code:t,globals:n}=e,s=l(t,n);return(0,r.jsx)("div",{children:(0,r.jsx)(s,{components:f})})}},290:function(e,t,n){"use strict";n.d(t,{Z:function(){return s}});var r=n(7437);function s(e){let{children:t,caption:n,height:s}=e;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("figure",{className:"preview","data-caption":n,style:s?{maxBlockSize:"".concat(s,"px"),minBlockSize:"".concat(s,"px"),aspectRatio:"initial",width:"auto",height:"auto",padding:"48px"}:{},children:t}),n&&(0,r.jsx)("span",{dangerouslySetInnerHTML:{__html:n}})]})}n(2265),n(3819)},6958:function(){},2981:function(){},6502:function(){},177:function(){},3819:function(){},622:function(e,t,n){"use strict";var r=n(2265),s=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,c=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function a(e,t,n){var r,o={},a=null,u=null;for(r in void 0!==n&&(a=""+n),void 0!==t.key&&(a=""+t.key),void 0!==t.ref&&(u=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===o[r]&&(o[r]=t[r]);return{$$typeof:s,type:e,key:a,ref:u,props:o,_owner:c.current}}t.Fragment=o,t.jsx=a,t.jsxs=a},7437:function(e,t,n){"use strict";e.exports=n(622)},4033:function(e,t,n){e.exports=n(5313)},4472:function(e,t,n){let r=n(7437);e.exports.i=r}},function(e){e.O(0,[311,971,938,744],function(){return e(e.s=8826)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/chunks/app/components/layout-3aa5ea72b6c02d0e.js b/_next/static/chunks/app/components/layout-3aa5ea72b6c02d0e.js new file mode 100644 index 00000000..42c9d3c3 --- /dev/null +++ b/_next/static/chunks/app/components/layout-3aa5ea72b6c02d0e.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686,841,605,431,989,429,978,977,692,124,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-b18672c330bcebd7.js b/_next/static/chunks/app/foundation/accessibility/page-b18672c330bcebd7.js new file mode 100644 index 00000000..ac146c0f --- /dev/null +++ b/_next/static/chunks/app/foundation/accessibility/page-b18672c330bcebd7.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[431,841,605,686,989,429,978,977,692,124,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-a21abc66637a2166.js b/_next/static/chunks/app/foundation/layout-a21abc66637a2166.js new file mode 100644 index 00000000..b6126b86 --- /dev/null +++ b/_next/static/chunks/app/foundation/layout-a21abc66637a2166.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[989,841,605,686,431,429,978,977,692,124,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-13857750d6071237.js b/_next/static/chunks/app/status/layout-13857750d6071237.js new file mode 100644 index 00000000..69160db7 --- /dev/null +++ b/_next/static/chunks/app/status/layout-13857750d6071237.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[429,841,605,686,431,989,978,977,692,124,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-5b9ca0ac36cebc83.js b/_next/static/chunks/app/ux-writing/english/layout-5b9ca0ac36cebc83.js new file mode 100644 index 00000000..627162a5 --- /dev/null +++ b/_next/static/chunks/app/ux-writing/english/layout-5b9ca0ac36cebc83.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[692,841,605,686,431,989,429,978,977,124,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-1bb51b6cdde0ef40.js b/_next/static/chunks/app/ux-writing/layout-1bb51b6cdde0ef40.js new file mode 100644 index 00000000..927bc376 --- /dev/null +++ b/_next/static/chunks/app/ux-writing/layout-1bb51b6cdde0ef40.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[978,841,605,686,431,989,429,977,692,124,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/exi0mC8zuhDXD4uGc19LW/_buildManifest.js b/_next/static/exi0mC8zuhDXD4uGc19LW/_buildManifest.js new file mode 100644 index 00000000..72250943 --- /dev/null +++ b/_next/static/exi0mC8zuhDXD4uGc19LW/_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/exi0mC8zuhDXD4uGc19LW/_ssgManifest.js b/_next/static/exi0mC8zuhDXD4uGc19LW/_ssgManifest.js new file mode 100644 index 00000000..a51848a6 --- /dev/null +++ b/_next/static/exi0mC8zuhDXD4uGc19LW/_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/about.html b/about.html index 9cf5d35e..4ab88cb7 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 df55ab4f..e17f9f4a 100644 --- a/about.txt +++ b/about.txt @@ -2,11 +2,11 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 ef4ca219..a11e02f2 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 c35b90cd..78c690dc 100644 --- a/changelog.txt +++ b/changelog.txt @@ -1,10 +1,10 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",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":["$","$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}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +5:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",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":["$","$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}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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/changelog/1.0.0-beta.1.html b/changelog/1.0.0-beta.1.html index f9228767..6e3880f4 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 7df09ab1..79cf68eb 100644 --- a/changelog/1.0.0-beta.1.txt +++ b/changelog/1.0.0-beta.1.txt @@ -1,11 +1,11 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","64","static/chunks/app/changelog/%5Bslug%5D/page-661af6dd404cb811.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","64","static/chunks/app/changelog/%5Bslug%5D/page-661af6dd404cb811.js"],"Mdx"] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","141","static/chunks/app/changelog/page-f4defbeba4bc0923.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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."}),` `,(0,n.jsx)(e.p,{children:"The site is built using Next.JS as a static site to be blazingly fast."}),` @@ -21,6 +21,6 @@ b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `,(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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] c:[["$","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 28d8be63..8a0f961d 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 2f90b989..dd3c31a5 100644 --- a/component.txt +++ b/component.txt @@ -2,11 +2,11 @@ 3:I[9978,["962","static/chunks/app/component/page-cb3e66fc01da5bd9.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] b:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button%2Faccessibility.html b/component/button%2Faccessibility.html index 0a37fe08..2bdfcf74 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 fc0ec9e7..20f36aa4 100644 --- a/component/button%2Faccessibility.txt +++ b/component/button%2Faccessibility.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","button%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Faccessibility/accessibility.html b/component/button%2Faccessibility/accessibility.html index 2d2a8729..8c3afb52 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 a6515453..6aa31ff4 100644 --- a/component/button%2Faccessibility/accessibility.txt +++ b/component/button%2Faccessibility/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Faccessibility/code.html b/component/button%2Faccessibility/code.html index 7907e032..9bb70d69 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 147c1571..cbfed225 100644 --- a/component/button%2Faccessibility/code.txt +++ b/component/button%2Faccessibility/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Faccessibility/design.html b/component/button%2Faccessibility/design.html index e48499f1..8a9b3b07 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 807cfa07..6779012a 100644 --- a/component/button%2Faccessibility/design.txt +++ b/component/button%2Faccessibility/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Faccessibility/ux-text.html b/component/button%2Faccessibility/ux-text.html index 76726a1a..62093a70 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 0088d87f..f3a417b1 100644 --- a/component/button%2Faccessibility/ux-text.txt +++ b/component/button%2Faccessibility/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fcode.html b/component/button%2Fcode.html index 648ac725..d7bd7a6a 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 451cba5e..c2654aad 100644 --- a/component/button%2Fcode.txt +++ b/component/button%2Fcode.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","button%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fcode/accessibility.html b/component/button%2Fcode/accessibility.html index 29284eee..072c9cc5 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 6416ef4e..0205e728 100644 --- a/component/button%2Fcode/accessibility.txt +++ b/component/button%2Fcode/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fcode/code.html b/component/button%2Fcode/code.html index f68f7462..6ec60b70 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 7d942123..d3246c14 100644 --- a/component/button%2Fcode/code.txt +++ b/component/button%2Fcode/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fcode/design.html b/component/button%2Fcode/design.html index 0620e12c..e9016c30 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 1074fe78..99303acf 100644 --- a/component/button%2Fcode/design.txt +++ b/component/button%2Fcode/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fcode/ux-text.html b/component/button%2Fcode/ux-text.html index 7b107a01..6d901206 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 b56979e1..93c4563c 100644 --- a/component/button%2Fcode/ux-text.txt +++ b/component/button%2Fcode/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fdesign.html b/component/button%2Fdesign.html index 8aca7ece..c000579d 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 d2a1ba9e..eb60c4af 100644 --- a/component/button%2Fdesign.txt +++ b/component/button%2Fdesign.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","button%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fdesign/accessibility.html b/component/button%2Fdesign/accessibility.html index 8b3e9193..3e2cac35 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 bc139f23..499d9f6e 100644 --- a/component/button%2Fdesign/accessibility.txt +++ b/component/button%2Fdesign/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fdesign/code.html b/component/button%2Fdesign/code.html index 299f46fe..6fea0472 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 816ef004..9585a4f7 100644 --- a/component/button%2Fdesign/code.txt +++ b/component/button%2Fdesign/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fdesign/design.html b/component/button%2Fdesign/design.html index f51af1f1..963af079 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 50ebb9a8..b4787cb3 100644 --- a/component/button%2Fdesign/design.txt +++ b/component/button%2Fdesign/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fdesign/ux-text.html b/component/button%2Fdesign/ux-text.html index 43fe4ab1..4e95fde0 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 161ab550..f005b0bd 100644 --- a/component/button%2Fdesign/ux-text.txt +++ b/component/button%2Fdesign/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fux-text.html b/component/button%2Fux-text.html index 85dc42c3..b9c5e92c 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 a254532a..ac60cc9c 100644 --- a/component/button%2Fux-text.txt +++ b/component/button%2Fux-text.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","button%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fux-text/accessibility.html b/component/button%2Fux-text/accessibility.html index 382a4844..49297584 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 f47c5e59..6879a632 100644 --- a/component/button%2Fux-text/accessibility.txt +++ b/component/button%2Fux-text/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fux-text/code.html b/component/button%2Fux-text/code.html index 9c69af76..e39d8d55 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 443f7bbc..a3c2348c 100644 --- a/component/button%2Fux-text/code.txt +++ b/component/button%2Fux-text/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fux-text/design.html b/component/button%2Fux-text/design.html index 2d845b03..642cf011 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 30434b2d..8ab5cd7a 100644 --- a/component/button%2Fux-text/design.txt +++ b/component/button%2Fux-text/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button%2Fux-text/ux-text.html b/component/button%2Fux-text/ux-text.html index f458b8b5..7b52fb4c 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 6e24b061..71abf6cb 100644 --- a/component/button%2Fux-text/ux-text.txt +++ b/component/button%2Fux-text/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","button%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/button.html b/component/button.html index da730329..e8583052 100644 --- a/component/button.html +++ b/component/button.html @@ -1,7 +1,6 @@ -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
+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
- @@ -814,4 +813,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 05363e07..b0e27b63 100644 --- a/component/button.txt +++ b/component/button.txt @@ -1,13 +1,13 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],"Mdx"] -4:I[5935,["311","static/chunks/311-33a5fc18cfe93570.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],""] -5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],"Mdx"] +4:I[5935,["311","static/chunks/311-30a8e2ee39d65d50.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],""] +5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 6:I[5613,[],""] 8:I[1778,[],""] -9:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -a:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -b:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +a:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] c:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 3:T2fcd,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",node:"227-1256"};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."}),` `,` @@ -82,6 +82,6 @@ d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `]}),` `,(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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L9",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$La",null,{}],["$","$Lb",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"}],["$","$Lc",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Ld",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lc",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Le"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L9",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$La",null,{}],["$","$Lb",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"}],["$","$Lc",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Ld",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lc",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Le"]]]] e:[["$","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",{"property":"og:title","content":"Button — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Button — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/accessibility.html b/component/button/accessibility.html index 9f8dacaa..0daaff82 100644 --- a/component/button/accessibility.html +++ b/component/button/accessibility.html @@ -1,7 +1,6 @@ -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
+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
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 e8540d06..a948353d 100644 --- a/component/button/accessibility.txt +++ b/component/button/accessibility.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-1b55bdaeb99b1cf6.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-c070692cfad2a250.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 3:T21d6,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 B=(l,e)=>()=>(e||l((e={exports:{}}).exports,e),e.exports),m=(l,e)=>{for(var i in e)a(l,i,{get:e[i],enumerable:!0})},o=(l,e,i,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of y(e))!g.call(l,t)&&t!==i&&a(l,t,{get:()=>e[t],enumerable:!(s=b(e,t))||s.enumerable});return l};var f=(l,e,i)=>(i=l!=null?p(u(l)):{},o(e||!l||!l.__esModule?a(i,"default",{value:l,enumerable:!0}):i,l)),A=l=>o(a({},"__esModule",{value:!0}),l);var d=B((E,c)=>{c.exports=_jsx_runtime});var w={};m(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:s,FigmaSVG:t}=e;return s||r("Col",!0),t||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."}),` `,(0,n.jsx)(e.h3,{id:"review",children:(0,n.jsx)(e.a,{className:"anchor",href:"#review",children:"Review"})}),` @@ -48,6 +48,6 @@ c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `,(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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Accessibility - Button — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Accessibility - Button — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/code.html b/component/button/code.html index 27989aa4..e08226f8 100644 --- a/component/button/code.html +++ b/component/button/code.html @@ -1,7 +1,6 @@ -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
+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
- @@ -64,4 +63,4 @@

Disabled

Send payment

Cancel

More

<gds-button variant="primary" disabled>Send payment</gds-button>
 <gds-button variant="secondary" disabled>Cancel</gds-button>
-<gds-button variant="tertiary" disabled>More</gds-button>
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 34f9c77a..efc23309 100644 --- a/component/button/code.txt +++ b/component/button/code.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","826","static/chunks/app/component/%5Bslug%5D/code/page-d24815d6af931286.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","826","static/chunks/app/component/%5Bslug%5D/code/page-d24815d6af931286.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 3:T6e7f,var Component=(()=>{var h=Object.create;var o=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),F=(n,e)=>{for(var r in e)o(n,r,{get:e[r],enumerable:!0})},c=(n,e,r,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of p(e))!A.call(n,s)&&s!==r&&o(n,s,{get:()=>e[s],enumerable:!(t=B(e,s))||t.enumerable});return n};var u=(n,e,r)=>(r=n!=null?h(y(n)):{},c(e||!n||!n.__esModule?o(r,"default",{value:n,enumerable:!0}):r,n)),b=n=>c(o({},"__esModule",{value:!0}),n);var d=g((x,a)=>{a.exports=_jsx_runtime});var E={};F(E,{default:()=>v,frontmatter:()=>m});var l=u(d()),m={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"})}),` `,(0,l.jsx)(e.h4,{id:"default-button",children:(0,l.jsx)(e.a,{className:"anchor",href:"#default-button",children:"Default button"})}),` @@ -62,6 +62,6 @@ c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `,(0,l.jsxs)(e.span,{"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,{"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 b(E);})(); ;return Component;5:["slug","button","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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",[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"globalThis.GDS_DISABLE_VERSIONED_ELEMENTS = true"}}],["$","script",null,{"src":"/core-out.js","defer":true}],["$","$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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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",[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"globalThis.GDS_DISABLE_VERSIONED_ELEMENTS = true"}}],["$","script",null,{"src":"/core-out.js","defer":true}],["$","$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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Code - Button — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Code - Button — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/design.html b/component/button/design.html index 0e6af88d..e6eb6aa7 100644 --- a/component/button/design.html +++ b/component/button/design.html @@ -1,7 +1,6 @@ -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
+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
- @@ -234,7 +233,7 @@
Accessibility features

Purpose

Ensures the button is usable by everyone, including those with disabilities.

Attributes

ARIA attributes, focus styles, and sufficient colour contrast.

-

Leading/Trailing elements

+

Leading and trailing elements

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.

Leading element

Use leading elements to support the button text. Some examples could be a trash can icon + text Delete, @@ -287,4 +286,4 @@

On this page
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 e16f4818..2f0a0924 100644 --- a/component/button/design.txt +++ b/component/button/design.txt @@ -1,13 +1,13 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","564","static/chunks/app/component/%5Bslug%5D/design/page-b8be74e645ac589b.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","564","static/chunks/app/component/%5Bslug%5D/design/page-b8be74e645ac589b.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -3:T1e59,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"})}),` +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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."}),` `,(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."})})]}),` `,(0,e.jsx)("hr",{}),` @@ -16,13 +16,13 @@ c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `,(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."})]})]}),` `,(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,{})]}),` `,(0,e.jsx)("hr",{}),` -`,(0,e.jsx)(n.h2,{id:"leadingtrailing-elements",children:(0,e.jsx)(n.a,{className:"anchor",href:"#leadingtrailing-elements",children:"Leading/Trailing elements"})}),` +`,(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"})}),` `,(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."}),` `,(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. Some examples could be a trash can icon + text `,(0,e.jsx)(n.em,{children:"Delete"}),`, 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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Design - Button — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Design - Button — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/button/ux-text.html b/component/button/ux-text.html index b2c8604c..d9658233 100644 --- a/component/button/ux-text.html +++ b/component/button/ux-text.html @@ -1,7 +1,6 @@ -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
+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
- @@ -234,4 +233,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 239d4a79..eb918723 100644 --- a/component/button/ux-text.txt +++ b/component/button/ux-text.txt @@ -1,12 +1,12 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-2fad756d5da200f8.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-6d50500c8901fb0a.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 3:T18b3,var Component=(()=>{var f=Object.create;var c=Object.defineProperty;var g=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var b=Object.getPrototypeOf,S=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))!S.call(t,i)&&i!==o&&c(t,i,{get:()=>n[i],enumerable:!(a=g(n,i))||a.enumerable});return t};var k=(t,n,o)=>(o=t!=null?f(b(t)):{},l(n||!t||!t.__esModule?c(o,"default",{value:t,enumerable:!0}):o,t)),E=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=k(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?".'}),` `,(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"})}),` @@ -36,6 +36,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 E(j);})(); ;return Component;5:["slug","button","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"UX text - Button — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"UX text - Button — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Buttons are an essential element of interaction design. Their primary role is to help people take actions quickly."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input%2Faccessibility.html b/component/input%2Faccessibility.html index 16caf0a0..f92bdd49 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 422ec83b..666f0618 100644 --- a/component/input%2Faccessibility.txt +++ b/component/input%2Faccessibility.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","input%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Faccessibility/accessibility.html b/component/input%2Faccessibility/accessibility.html index a1eadec3..89d23211 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 e227956c..eca17b2b 100644 --- a/component/input%2Faccessibility/accessibility.txt +++ b/component/input%2Faccessibility/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Faccessibility/code.html b/component/input%2Faccessibility/code.html index f77c291c..656652d4 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 ec7f60ea..9b0b0735 100644 --- a/component/input%2Faccessibility/code.txt +++ b/component/input%2Faccessibility/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Faccessibility/design.html b/component/input%2Faccessibility/design.html index 5229651a..91d266b3 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 3db2b36c..363553f0 100644 --- a/component/input%2Faccessibility/design.txt +++ b/component/input%2Faccessibility/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Faccessibility/ux-text.html b/component/input%2Faccessibility/ux-text.html index ca90ea7a..6182e420 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 e480c912..25e2e061 100644 --- a/component/input%2Faccessibility/ux-text.txt +++ b/component/input%2Faccessibility/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Faccessibility","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fcode.html b/component/input%2Fcode.html index 1863643b..5c529235 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 8117044e..9000c63e 100644 --- a/component/input%2Fcode.txt +++ b/component/input%2Fcode.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","input%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fcode/accessibility.html b/component/input%2Fcode/accessibility.html index 605ce844..9c1871cc 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 0211af11..1519c171 100644 --- a/component/input%2Fcode/accessibility.txt +++ b/component/input%2Fcode/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fcode/code.html b/component/input%2Fcode/code.html index 0e366b80..05cd9d45 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 d17a0bb2..7a6b3299 100644 --- a/component/input%2Fcode/code.txt +++ b/component/input%2Fcode/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fcode/design.html b/component/input%2Fcode/design.html index e0c26b5b..8356b084 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 00b97baf..d5eb2cd0 100644 --- a/component/input%2Fcode/design.txt +++ b/component/input%2Fcode/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fcode/ux-text.html b/component/input%2Fcode/ux-text.html index 16aa2ae8..9d00ab19 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 8d9387ed..83a9d83b 100644 --- a/component/input%2Fcode/ux-text.txt +++ b/component/input%2Fcode/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fcode","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fdesign.html b/component/input%2Fdesign.html index 031e6458..aa2ee80b 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 1f962b68..8d938107 100644 --- a/component/input%2Fdesign.txt +++ b/component/input%2Fdesign.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","input%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fdesign/accessibility.html b/component/input%2Fdesign/accessibility.html index 88e215b1..89e27688 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 1de0351a..0f881f70 100644 --- a/component/input%2Fdesign/accessibility.txt +++ b/component/input%2Fdesign/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fdesign/code.html b/component/input%2Fdesign/code.html index f278cbb4..a9948c09 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 7023982d..fe9a15ae 100644 --- a/component/input%2Fdesign/code.txt +++ b/component/input%2Fdesign/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fdesign/design.html b/component/input%2Fdesign/design.html index 071ca009..77e02960 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 a52656c0..22cae20f 100644 --- a/component/input%2Fdesign/design.txt +++ b/component/input%2Fdesign/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fdesign/ux-text.html b/component/input%2Fdesign/ux-text.html index 3b5d018c..ea602418 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 4ef7d30a..7f5104a4 100644 --- a/component/input%2Fdesign/ux-text.txt +++ b/component/input%2Fdesign/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fdesign","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fux-text.html b/component/input%2Fux-text.html index f2076cd3..08d2eb6b 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 d3a04123..268900d3 100644 --- a/component/input%2Fux-text.txt +++ b/component/input%2Fux-text.txt @@ -1,13 +1,13 @@ -3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +3:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 4:I[5613,[],""] 6:I[1778,[],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 5:["slug","input%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fux-text/accessibility.html b/component/input%2Fux-text/accessibility.html index e420db49..8cf15d60 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 7c56edd4..8f7b3645 100644 --- a/component/input%2Fux-text/accessibility.txt +++ b/component/input%2Fux-text/accessibility.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fux-text/code.html b/component/input%2Fux-text/code.html index 8e8b2c6c..73cf80ab 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 fec559a6..a0fb7000 100644 --- a/component/input%2Fux-text/code.txt +++ b/component/input%2Fux-text/code.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fux-text/design.html b/component/input%2Fux-text/design.html index d3a4812d..2fe92845 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 c1490495..7b4edc6f 100644 --- a/component/input%2Fux-text/design.txt +++ b/component/input%2Fux-text/design.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input%2Fux-text/ux-text.html b/component/input%2Fux-text/ux-text.html index 24c066ad..7c3a10ea 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 1cf9fd0a..a804e7fc 100644 --- a/component/input%2Fux-text/ux-text.txt +++ b/component/input%2Fux-text/ux-text.txt @@ -1,13 +1,13 @@ 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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +7:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +8:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] a:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 4:["slug","input%2Fux-text","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L7",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L8",null,{}],["$","$L9",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"}],["$","$La",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lb",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$La",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$La",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$La",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$La",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lc"]]]] 2:E{"digest":"NEXT_NOT_FOUND"} c:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","meta","2",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","3",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","4",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","5",{"name":"next-size-adjust"}]] 1:"$Ld" diff --git a/component/input.html b/component/input.html index 94b22d89..1f4d56a8 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
OverviewDesignUX textCodeAccessibility

Overview

+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
OverviewDesignUX textCodeAccessibility

Overview

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.

Variants

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

  • 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.
@@ -18,4 +18,4 @@

Label

Do’s and dont’s

Do

  • Use "optional" to mark optional fields.

Don’t

  • Use asterix for indicate mandatory fields.
-
DO
DON'T
Last updated:
\ No newline at end of file +
DO
DON'T
Last updated:
\ No newline at end of file diff --git a/component/input.txt b/component/input.txt index 3fab04fb..7e934a74 100644 --- a/component/input.txt +++ b/component/input.txt @@ -1,13 +1,13 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],"Mdx"] -4:I[5935,["311","static/chunks/311-33a5fc18cfe93570.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],""] -5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],"Mdx"] +4:I[5935,["311","static/chunks/311-30a8e2ee39d65d50.js","985","static/chunks/app/component/%5Bslug%5D/page-29791f87d36796c8.js"],""] +5:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] 6:I[5613,[],""] 8:I[1778,[],""] -9:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -a:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -b:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +a:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +b:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] c:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 3:T219b,var Component=(()=>{var p=Object.create;var s=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var g=(n,t)=>()=>(t||n((t={exports:{}}).exports,t),t.exports),v=(n,t)=>{for(var a in t)s(n,a,{get:t[a],enumerable:!0})},c=(n,t,a,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of x(t))!b.call(n,i)&&i!==a&&s(n,i,{get:()=>t[i],enumerable:!(o=w(t,i))||o.enumerable});return n};var D=(n,t,a)=>(a=n!=null?p(y(n)):{},c(t||!n||!n.__esModule?s(a,"default",{value:n,enumerable:!0}):a,n)),N=n=>c(s({},"__esModule",{value:!0}),n);var m=g((j,u)=>{u.exports=_jsx_runtime});var T={};v(T,{default:()=>S,frontmatter:()=>F});var e=D(m()),F={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, input",node:"1614-9124"};function f(n){let t=Object.assign({h2:"h2",a:"a",p:"p",h3:"h3"},n.components),{Playground:a,Row:o,Col:i,FigmaSVG:r,Do:d,Dont:h}=t;return i||l("Col",!0),d||l("Do",!0),h||l("Dont",!0),r||l("FigmaSVG",!0),a||l("Playground",!0),o||l("Row",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(t.h2,{id:"overview",children:(0,e.jsx)(t.a,{className:"anchor",href:"#overview",children:"Overview"})}),` `,(0,e.jsx)(t.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.jsx)(a,{component:"input","story-id":"2"}),` @@ -30,6 +30,6 @@ d:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 `,(0,e.jsxs)(o,{children:[(0,e.jsxs)(i,{children:[(0,e.jsx)(t.p,{children:"Do"}),(0,e.jsx)("ul",{children:(0,e.jsx)("li",{children:'Use "optional" to mark optional fields.'})})]}),(0,e.jsxs)(i,{children:[(0,e.jsx)(t.p,{children:"Don\u2019t"}),(0,e.jsx)("ul",{children:(0,e.jsx)("li",{children:"Use asterix for indicate mandatory fields."})})]})]}),` `,(0,e.jsxs)(o,{children:[(0,e.jsx)(i,{children:(0,e.jsx)(d,{children:(0,e.jsx)(r,{node:"1655-2834"})})}),(0,e.jsx)(i,{children:(0,e.jsx)(h,{children:(0,e.jsx)(r,{node:"1655-2834"})})})]})]})}function k(n={}){let{wrapper:t}=n.components||{};return t?(0,e.jsx)(t,Object.assign({},n,{children:(0,e.jsx)(f,n)})):f(n)}var S=k;function l(n,t){throw new Error("Expected "+(t?"component":"object")+" `"+n+"` to be defined: you likely forgot to import, pass, or provide it.")}return N(T);})(); ;return Component;7:["slug","input","d"] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L9",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$La",null,{}],["$","$Lb",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"}],["$","$Lc",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Ld",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lc",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Le"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L9",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$La",null,{}],["$","$Lb",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"}],["$","$Lc",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Ld",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lc",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lc",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lc",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Le"]]]] e:[["$","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",{"property":"og:title","content":"Input — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Input — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/accessibility.html b/component/input/accessibility.html index abcbc82e..cb90e362 100644 --- a/component/input/accessibility.html +++ b/component/input/accessibility.html @@ -1,2 +1,2 @@ -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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file +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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file diff --git a/component/input/accessibility.txt b/component/input/accessibility.txt index 814d727d..78cf80c3 100644 --- a/component/input/accessibility.txt +++ b/component/input/accessibility.txt @@ -1,15 +1,15 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-1b55bdaeb99b1cf6.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","102","static/chunks/app/component/%5Bslug%5D/accessibility/page-c070692cfad2a250.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Accessibility - Input — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Accessibility - Input — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/code.html b/component/input/code.html index 791a8d83..d39cd111 100644 --- a/component/input/code.html +++ b/component/input/code.html @@ -1,2 +1,2 @@ -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
input
OverviewDesignUX textCodeAccessibility

Coming soon

-

This page will be updated with information soon.

Last updated:
\ No newline at end of file +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
input
OverviewDesignUX textCodeAccessibility

Coming soon

+

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 182a0d74..4e67b318 100644 --- a/component/input/code.txt +++ b/component/input/code.txt @@ -1,15 +1,15 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","826","static/chunks/app/component/%5Bslug%5D/code/page-d24815d6af931286.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","826","static/chunks/app/component/%5Bslug%5D/code/page-d24815d6af931286.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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",[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"globalThis.GDS_DISABLE_VERSIONED_ELEMENTS = true"}}],["$","script",null,{"src":"/core-out.js","defer":true}],["$","$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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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",[["$","script",null,{"dangerouslySetInnerHTML":{"__html":"globalThis.GDS_DISABLE_VERSIONED_ELEMENTS = true"}}],["$","script",null,{"src":"/core-out.js","defer":true}],["$","$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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Code - Input — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Code - Input — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/design.html b/component/input/design.html index b349f10c..70e5ba6e 100644 --- a/component/input/design.html +++ b/component/input/design.html @@ -1,2 +1,2 @@ -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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file +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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file diff --git a/component/input/design.txt b/component/input/design.txt index 63bc9c81..644164b4 100644 --- a/component/input/design.txt +++ b/component/input/design.txt @@ -1,15 +1,15 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","564","static/chunks/app/component/%5Bslug%5D/design/page-b8be74e645ac589b.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","564","static/chunks/app/component/%5Bslug%5D/design/page-b8be74e645ac589b.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"Design - Input — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"Design - Input — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/component/input/ux-text.html b/component/input/ux-text.html index e6955ce3..fb2824b7 100644 --- a/component/input/ux-text.html +++ b/component/input/ux-text.html @@ -1,2 +1,2 @@ -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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file +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
input
OverviewDesignUX textCodeAccessibility
Last updated:
\ No newline at end of file diff --git a/component/input/ux-text.txt b/component/input/ux-text.txt index 31398fba..9c6228e6 100644 --- a/component/input/ux-text.txt +++ b/component/input/ux-text.txt @@ -1,15 +1,15 @@ -2:I[1740,["311","static/chunks/311-33a5fc18cfe93570.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-2fad756d5da200f8.js"],"Mdx"] +2:I[1740,["311","static/chunks/311-30a8e2ee39d65d50.js","550","static/chunks/app/component/%5Bslug%5D/ux-text/page-6d50500c8901fb0a.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-33a5fc18cfe93570.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] -8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[5452,["250","static/chunks/250-3a85ee001665a1f0.js","474","static/chunks/474-624fdc4faaf3c42b.js","311","static/chunks/311-30a8e2ee39d65d50.js","162","static/chunks/app/component/%5Bslug%5D/layout-87123acf7fd5cf75.js"],""] +8:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +9:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +a:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] b:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +c:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.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:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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/d11d3bbabb4b27f3.css","precedence":"next","crossOrigin":""}]]}]]},[null,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L8",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L9",null,{}],["$","$La",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"}],["$","$Lb",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$Lc",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$Lb",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$Lb",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$Lb",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]] d:[["$","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",{"property":"og:title","content":"UX text - Input — Green Design System"}],["$","meta","5",{"property":"og:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","6",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","7",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","8",{"name":"twitter:title","content":"UX text - Input — Green Design System"}],["$","meta","9",{"name":"twitter:description","content":"Text fields allow users to enter text into a UI. They typically appear in forms and dialogs."}],["$","meta","10",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","11",{"name":"next-size-adjust"}]] 1:null diff --git a/components.html b/components.html index a63968ab..532033ea 100644 --- a/components.html +++ b/components.html @@ -1,7 +1,6 @@ -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

+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

- @@ -11,4 +10,4 @@ -
Button

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

Input

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

\ No newline at end of file +
Button

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

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 a8c82a31..53b15056 100644 --- a/components.txt +++ b/components.txt @@ -1,14 +1,13 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -9:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -3:T1ec8, +6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +9:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +3:T1e88, - @@ -18,6 +17,6 @@ -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$3"}}]}],"$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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":""}}]}],"$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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$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}]}],["$","$L9",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$La"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$3"}}]}],"$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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":""}}]}],"$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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$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}]}],["$","$L9",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 07722e75..bb726719 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 40249d09..b24d194e 100644 --- a/foundation.txt +++ b/foundation.txt @@ -2,11 +2,11 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 3845da2d..e333c0da 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 8fd0e707..2dcbc66a 100644 --- a/foundation/accessibility.txt +++ b/foundation/accessibility.txt @@ -1,10 +1,10 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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/index.html b/index.html index 78ca1b80..435a1737 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,6 @@ -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

+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

- @@ -11,4 +10,4 @@ -
Button

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

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 +
Button

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

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 987f14da..b29f2650 100644 --- a/index.txt +++ b/index.txt @@ -1,15 +1,14 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +5:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 8:I[5613,[],""] 9:I[1778,[],""] -a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -4:T1ec8, +a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +4:T1e88, - @@ -19,6 +18,6 @@ a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165 -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$4"}}]}],"$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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":""}}]}],"$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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",null,{}],["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",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":""}]]}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L3",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"$4"}}]}],"$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":{},"children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":""}}]}],"$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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",null,{}],["$","$L7",null,{"children":["$","$L8",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L9",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":""}]]}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L3",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L3",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L3",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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",{"property":"og:title","content":"Green Design System"}],["$","meta","7",{"property":"og: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."}],["$","meta","8",{"property":"og:image","content":"https://seb.io/og-image.png"}],["$","meta","9",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","10",{"name":"twitter:title","content":"Green Design System"}],["$","meta","11",{"name":"twitter: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."}],["$","meta","12",{"name":"twitter:image","content":"https://seb.io/og-image.png"}],["$","meta","13",{"name":"next-size-adjust"}]] 1:null diff --git a/sitemap.xml b/sitemap.xml index f0a04c1e..cd75944c 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -2,55 +2,55 @@ https://seb.io -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z yearly 1 https://seb.io/components -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z monthly 0.8 https://seb.io/component/button -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z monthly 0.8 https://seb.io/component/input -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z monthly 0.8 https://seb.io/foundation -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z weekly 0.5 https://seb.io/foundation/accessibility -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z weekly 0.5 https://seb.io/about -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z weekly 0.5 https://seb.io/changelog -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z weekly 0.5 https://seb.io/status -2024-02-12T14:01:28.751Z +2024-02-12T15:46:07.877Z weekly 0.5 diff --git a/status.html b/status.html index dbc980ff..590551a7 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 ae0086d3..82d7e2a6 100644 --- a/status.txt +++ b/status.txt @@ -1,10 +1,10 @@ 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[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",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":["$","$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}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +5:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +6:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +7:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L5",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L6",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":["$","$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}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L2",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L2",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L2",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 a8fb6f6d..0e0f7ea8 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:

  • The Dictionary of the Swedish Academy (Svenska Akademiens ordlista, SAOL) for spelling, conjugation and inflection.
  • The Language Council's (Språkrådets) Swedish writing rules for grammar, constructions, etc. The Language Council also has a question box (in Swedish) where you will find many answers.
  • The Joint Group for Swedish Computer Terminology (Svenska datatermsgruppen) in matters that are missing from the Language Council.

    • 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:

  • The Dictionary of the Swedish Academy (Svenska Akademiens ordlista, SAOL) for spelling, conjugation and inflection.
  • The Language Council's (Språkrådets) Swedish writing rules for grammar, constructions, etc. The Language Council also has a question box (in Swedish) where you will find many answers.
  • The Joint Group for Swedish Computer Terminology (Svenska datatermsgruppen) in matters that are missing from the Language Council.

    • 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 1b2fde5d..38ecb2f4 100644 --- a/ux-writing.txt +++ b/ux-writing.txt @@ -2,11 +2,11 @@ 3:I[5248,["250","static/chunks/250-3a85ee001665a1f0.js","832","static/chunks/app/ux-writing/page-463a97178d2567d2.js"],""] 4:I[5613,[],""] 5:I[1778,[],""] -6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +7:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +8:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 9:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$Lb"]]]] +a:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L6",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L7",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":["$","$L5",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}]}],["$","$La",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L9",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L9",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L9",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 7e88574d..1cd57851 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 b178764b..9c8cdedc 100644 --- a/ux-writing/english.txt +++ b/ux-writing/english.txt @@ -1,10 +1,10 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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/swedish.html b/ux-writing/swedish.html index cdcd2e51..8dd59e0a 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 2ed2cc61..64bc25eb 100644 --- a/ux-writing/swedish.txt +++ b/ux-writing/swedish.txt @@ -1,10 +1,10 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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":"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 diff --git a/ux-writing/universal.html b/ux-writing/universal.html index 20e23fb1..bb026504 100644 --- a/ux-writing/universal.html +++ b/ux-writing/universal.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/universal.txt b/ux-writing/universal.txt index fd6e7420..83794129 100644 --- a/ux-writing/universal.txt +++ b/ux-writing/universal.txt @@ -1,10 +1,10 @@ 2:I[5613,[],""] 3:I[1778,[],""] -4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] -5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +4:I[5148,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],"ThemeProvider"] +5:I[9245,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +6:I[2429,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] 7:I[5250,["250","static/chunks/250-3a85ee001665a1f0.js","931","static/chunks/app/page-2492a310c5726af1.js"],""] -8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-33a5fc18cfe93570.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] -0:["GMxsKePY6SFbKh1vUjjHM",[[["",{"children":["ux-writing",{"children":["universal",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["universal",{"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","universal","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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.css","precedence":"next","crossOrigin":""}]],"$L9"]]]] +8:I[9108,["250","static/chunks/250-3a85ee001665a1f0.js","165","static/chunks/165-84104a2c8d589bb7.js","583","static/chunks/583-1af5add95fe0ed83.js","311","static/chunks/311-30a8e2ee39d65d50.js","185","static/chunks/app/layout-074d58c5f583ef03.js"],""] +0:["exi0mC8zuhDXD4uGc19LW",[[["",{"children":["ux-writing",{"children":["universal",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],["",{"children":["ux-writing",{"children":["universal",{"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","universal","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,["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"__className_6fa3e4","children":["$","$L4",null,{"attribute":"theme","defaultTheme":"system","enableColorScheme":false,"enableSystem":true,"children":[["$","div",null,{"className":"alert","children":[["$","svg",null,{"viewBox":"0 0 24 24","children":["$","path",null,{"d":"M12 4.25C7.72009 4.25 4.25 7.72134 4.25 12C4.25 16.2812 7.72009 19.75 12 19.75C16.2799 19.75 19.75 16.2812 19.75 12C19.75 7.72134 16.2799 4.25 12 4.25ZM12 7.6875C12.7249 7.6875 13.3125 8.27513 13.3125 9C13.3125 9.72487 12.7249 10.3125 12 10.3125C11.2751 10.3125 10.6875 9.72487 10.6875 9C10.6875 8.27513 11.2751 7.6875 12 7.6875ZM13.75 15.625C13.75 15.8321 13.5821 16 13.375 16H10.625C10.4179 16 10.25 15.8321 10.25 15.625V14.875C10.25 14.6679 10.4179 14.5 10.625 14.5H11V12.5H10.625C10.4179 12.5 10.25 12.3321 10.25 12.125V11.375C10.25 11.1679 10.4179 11 10.625 11H12.625C12.8321 11 13 11.1679 13 11.375V14.5H13.375C13.5821 14.5 13.75 14.6679 13.75 14.875V15.625Z"}]}],["$","span",null,{"children":"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!"}]]}],["$","$L5",null,{}],["$","$L6",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"}],["$","$L7",null,{"href":"/components","children":"Go to components"}]]}],"notFoundStyles":[],"styles":null}]}],["$","$L8",null,{}],["$","footer",null,{"className":"main-footer","children":[["$","h2",null,{"children":["$","$L7",null,{"href":"/","children":"Green Design System"}]}],["$","div",null,{"className":"content","children":[["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"/about","children":"About"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/foundation","children":"Foundation"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/components","children":"Components"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://github.com/sebgroup/green","children":"Github"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/changelog","children":"Changelog"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"/status","children":"Status"}]}]]}]}]}],["$","div",null,{"className":"col","children":["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","$L7",null,{"href":"https://sebgroup.com/","children":"SEB Group"}]}],["$","li",null,{"children":["$","$L7",null,{"href":"https://seb.se/","children":"SEB.se"}]}]]}]}]}]]}],["$","div",null,{"className":"main-footer__bottom","children":[["$","span",null,{"children":"© 2024 Green Design System"}],["$","button",null,{"type":"button","data-cc":"c-settings","className":"cookie-preferences","children":"Cookie preferences"}]]}]]}]]}]}]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/f76db2881f2ea08b.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/universal/ux-writing/universal"}],["$","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/universal/og?title=UX%20Writing%20Universal"}],["$","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/universal/og?title=UX%20Writing%20Universal"}],["$","meta","12",{"name":"next-size-adjust"}]] 1:null