@orangesk/orange-design-system 2.0.0-alpha.0 → 2.0.0-alpha.1

package/src/styles/typography/config.scss

@@ -0,0 +1,187 @@
+@use "sass:math";
+@use "../tools/convert";
+@use "../tokens/space";
+
+$body-text: (
+  small: (
+    font-size: convert.to-rem(16px),
+    line-height: convert.to-rem(24px),
+    font-weight: 400,
+    letter-spacing: convert.to-rem(-0.1px),
+  ),
+  default: (
+    font-size: convert.to-rem(18px),
+    line-height: convert.to-rem(26px),
+    font-weight: 400,
+    letter-spacing: convert.to-rem(-0.2px),
+  ),
+  large: (
+    font-size: convert.to-rem(20px),
+    line-height: convert.to-rem(30px),
+    font-weight: 400,
+    letter-spacing: convert.to-rem(-0.2px),
+  ),
+);
+
+$heading-base: (
+  margin-top: 0,
+  margin-bottom: space.get(),
+  font-weight: bold,
+);
+
+$display-base: (
+  margin-top: 0,
+  margin-bottom: space.get("large"),
+  font-weight: bold,
+);
+
+$headings: (
+  1: (
+    default: (
+      font-size: convert.to-rem(34px),
+      line-height: convert.to-rem(40px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.4px),
+    ),
+    md: (
+      font-size: convert.to-rem(40px),
+      line-height: convert.to-rem(46px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+    xl: (
+      font-size: convert.to-rem(50px),
+      line-height: convert.to-rem(56px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+  ),
+  2: (
+    default: (
+      font-size: convert.to-rem(28px),
+      line-height: convert.to-rem(32px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.2px),
+    ),
+    md: (
+      font-size: convert.to-rem(34px),
+      line-height: convert.to-rem(40px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.4px),
+    ),
+    xl: (
+      font-size: convert.to-rem(40px),
+      line-height: convert.to-rem(46px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+  ),
+  3: (
+    default: (
+      font-size: convert.to-rem(24px),
+      line-height: convert.to-rem(28px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+    md: (
+      font-size: convert.to-rem(28px),
+      line-height: convert.to-rem(32px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+  ),
+  4: (
+    default: (
+      font-size: convert.to-rem(16px),
+      line-height: convert.to-rem(20px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.1px),
+    ),
+    md: (
+      font-size: convert.to-rem(24px),
+      line-height: convert.to-rem(28px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.4px),
+    ),
+  ),
+  5: (
+    default: (
+      font-size: convert.to-rem(16px),
+      line-height: convert.to-rem(20px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.1px),
+    ),
+    md: (
+      font-size: convert.to-rem(18px),
+      line-height: convert.to-rem(22px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.2px),
+    ),
+  ),
+  6: (
+    default: (
+      font-size: convert.to-rem(18px),
+      line-height: convert.to-rem(26px),
+      font-weight: 400,
+      letter-spacing: convert.to-rem(-0.2px),
+    ),
+  ),
+);
+
+$displays: (
+  1: (
+    default: (
+      font-size: convert.to-rem(40px),
+      line-height: convert.to-rem(46px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+    xl: (
+      font-size: convert.to-rem(140px),
+      line-height: convert.to-rem(158px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-2.6px),
+    ),
+  ),
+  2: (
+    default: (
+      font-size: convert.to-rem(40px),
+      line-height: convert.to-rem(46px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+    md: (
+      font-size: convert.to-rem(80px),
+      line-height: convert.to-rem(92px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-1.4px),
+    ),
+  ),
+  3: (
+    default: (
+      font-size: convert.to-rem(40px),
+      line-height: convert.to-rem(46px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+
+    md: (
+      font-size: convert.to-rem(50px),
+      line-height: convert.to-rem(56px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-0.6px),
+    ),
+
+    xl: (
+      font-size: convert.to-rem(60px),
+      line-height: convert.to-rem(68px),
+      font-weight: 700,
+      letter-spacing: convert.to-rem(-1px),
+    ),
+  ),
+);
+
+$list-spacing: (
+  "default": space.get("small"),
+  "condensed": space.get("xsmall"),
+);

package/src/{components/Typography/styles → styles/typography}/mixins.scss

@@ -1,11 +1,11 @@
-@use 'sass:map';
-@use 'sass:list';
-@use '../../../styles/tools/generate';
-@use '../../../styles/tools/text';
-@use '../../../styles/tools/convert';
-@use '../../../styles/tokens/space';
-@use '../../../styles/tokens/color';
-@use 'config';
+@use "sass:map";
+@use "sass:list";
+@use "../tools/generate";
+@use "../tools/text";
+@use "../tools/convert";
+@use "../tokens/space";
+@use "../tokens/color";
+@use "config";
 
 @mixin text-readable {
   max-width: 35em;
@@ -25,8 +25,8 @@
   @each $heading-level in map.keys($heading-config) {
     $selector: list.append(
       $selector,
-      #{text.str-replace($selector-pattern, '$', $heading-level)},
-      'comma'
+      #{text.str-replace($selector-pattern, "$", $heading-level)},
+      "comma"
     );
   }
 
@@ -37,20 +37,27 @@
 
 @mixin headings($config, $selector-pattern) {
   @each $heading, $breakpoints in $config {
-    #{text.str-replace($selector-pattern, '$', $heading)} {
+    #{text.str-replace($selector-pattern, "$", $heading)} {
       @include generate.responsive-css-map($breakpoints);
     }
   }
 }
 
 @mixin body-text($config) {
-  html {
-    @include generate.css-map(map.get($config, default));
-  }
-
   p {
     margin-top: 0;
     margin-bottom: space.get();
+    // Default štýly pre všetky p elementy
+    @include generate.responsive-css-map($config);
+  }
+
+  // Generovanie variantov pre p elementy s triedami
+  @each $variant, $breakpoints in $config {
+    @if $variant != default {
+      p#{generate.variant-name($variant, ".")} {
+        @include generate.responsive-css-map($breakpoints);
+      }
+    }
   }
 
   cite {
@@ -83,7 +90,7 @@
 
     /* Fixes VoiceOver no announcing unordered lists */
     &::before {
-      content: ' ';
+      content: " ";
       position: absolute;
       width: 0;
       height: 0;
@@ -93,7 +100,7 @@
 
 @mixin list-base() {
   margin: 0 0 space.get() 0;
-  padding-left: space.get('large');
+  padding-left: space.get("large");
   @include text-readable;
 }
 
@@ -113,8 +120,8 @@
     list-style-type: disc;
     ul {
       list-style-type: circle;
-    }  
-  } 
+    }
+  }
 }
 
 @mixin list-circle() {
@@ -123,8 +130,8 @@
     list-style-type: circle;
     ul {
       list-style-type: square;
-    }  
-  } 
+    }
+  }
 }
 
 @mixin list-square() {
@@ -133,8 +140,8 @@
     list-style-type: disc;
     ul {
       list-style-type: circle;
-    }  
-  } 
+    }
+  }
 }
 
 @mixin list-no-offset() {
@@ -149,7 +156,7 @@
     display: inline-block;
 
     &:not(:last-child) {
-      margin-right: space.get('small');
+      margin-right: space.get("small");
     }
   }
 }

package/src/{components/Typography/styles → styles/typography}/style.scss

@@ -1,9 +1,15 @@
-@use "../../../styles/tools/generate";
+@use "../tools/generate";
 @use "config" as *;
 @use "mixins" as *;
 
-@include headings-base($headings, "h$, .h$", $heading-base);
-@include headings($headings, "h$, .h$");
+// Headings pre elementy h1, h2, h3 atď.
+@include headings-base($headings, "h$", $heading-base);
+@include headings($headings, "h$");
+
+// Headings pre triedy .h1, .h2, .h3 atď.
+@include headings-base($headings, ".h$", $heading-base);
+@include headings($headings, ".h$");
+
 @include headings-base($displays, ".display-$", $display-base);
 @include headings($displays, ".display-$");
 @include body-text($body-text);

package/src/styles/utilities/text.scss

@@ -1,5 +1,5 @@
-@use '../../components/Typography/styles/config.scss' as typographyConfig;
-@use '../../components/Typography/styles/mixins.scss' as typographyMixins;
+@use '../typography/config' as typographyConfig;
+@use '../typography/mixins' as typographyMixins;
 @use '../tools/layout' as *;
 @use '../tools/text' as *;
 @use '../tools/generate';

package/build/.htaccess

@@ -1,7 +0,0 @@
-<IfModule mod_rewrite.c>
-  RewriteEngine On
-  #Options +FollowSymlinks
-  RewriteBase /
-  #RewriteRule ^styleguide$ styleguide.html [L]
-  #RewriteRule ^styleguide/(.*) styleguide.html [L]
-</IfModule>

package/build/_next/static/chunks/app/layout-69efc42b1696abf9.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[177],{4579:()=>{},5248:()=>{},6833:()=>{},9224:(e,s,n)=>{Promise.resolve().then(n.t.bind(n,5248,23)),Promise.resolve().then(n.t.bind(n,4579,23)),Promise.resolve().then(n.t.bind(n,6833,23))}},e=>{var s=s=>e(e.s=s);e.O(0,[749,441,684,358],()=>s(9224)),_N_E=e.O()}]);

package/build/_next/static/chunks/app/page-687dfdffc8d1b6e5.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{4441:()=>{}},_=>{var e=e=>_(_.s=e);_.O(0,[441,684,358],()=>e(4441)),_N_E=_.O()}]);

package/build/_next/static/chunks/webpack-778f3ec87f8d2826.js

@@ -1 +0,0 @@
-(()=>{"use strict";var e={},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var i=t[o]={exports:{}},a=!0;try{e[o](i,i.exports,r),a=!1}finally{a&&delete t[o]}return i.exports}r.m=e,(()=>{var e=[];r.O=(t,o,n,i)=>{if(o){i=i||0;for(var a=e.length;a>0&&e[a-1][2]>i;a--)e[a]=e[a-1];e[a]=[o,n,i];return}for(var u=1/0,a=0;a<e.length;a++){for(var[o,n,i]=e[a],l=!0,c=0;c<o.length;c++)(!1&i||u>=i)&&Object.keys(r.O).every(e=>r.O[e](o[c]))?o.splice(c--,1):(l=!1,i<u&&(u=i));if(l){e.splice(a--,1);var f=n();void 0!==f&&(t=f)}}return t}})(),(()=>{var e,t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__;r.t=function(o,n){if(1&n&&(o=this(o)),8&n||"object"==typeof o&&o&&(4&n&&o.__esModule||16&n&&"function"==typeof o.then))return o;var i=Object.create(null);r.r(i);var a={};e=e||[null,t({}),t([]),t(t)];for(var u=2&n&&o;"object"==typeof u&&!~e.indexOf(u);u=t(u))Object.getOwnPropertyNames(u).forEach(e=>a[e]=()=>o[e]);return a.default=()=>o,r.d(i,a),i}})(),r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,o)=>(r.f[o](e,t),t),[])),r.u=e=>{},r.miniCssF=e=>{},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||Function("return this")()}catch(e){if("object"==typeof window)return window}}(),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{var e={},t="_N_E:";r.l=(o,n,i,a)=>{if(e[o])return void e[o].push(n);if(void 0!==i)for(var u,l,c=document.getElementsByTagName("script"),f=0;f<c.length;f++){var s=c[f];if(s.getAttribute("src")==o||s.getAttribute("data-webpack")==t+i){u=s;break}}u||(l=!0,(u=document.createElement("script")).charset="utf-8",u.timeout=120,r.nc&&u.setAttribute("nonce",r.nc),u.setAttribute("data-webpack",t+i),u.src=r.tu(o)),e[o]=[n];var d=(t,r)=>{u.onerror=u.onload=null,clearTimeout(p);var n=e[o];if(delete e[o],u.parentNode&&u.parentNode.removeChild(u),n&&n.forEach(e=>e(r)),t)return t(r)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:u}),12e4);u.onerror=d.bind(null,u.onerror),u.onload=d.bind(null,u.onload),l&&document.head.appendChild(u)}})(),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;r.tt=()=>(void 0===e&&(e={createScriptURL:e=>e},"undefined"!=typeof trustedTypes&&trustedTypes.createPolicy&&(e=trustedTypes.createPolicy("nextjs#bundler",e))),e)})(),r.tu=e=>r.tt().createScriptURL(e),r.p="/_next/",(()=>{var e={68:0,749:0,821:0};r.f.j=(t,o)=>{var n=r.o(e,t)?e[t]:void 0;if(0!==n)if(n)o.push(n[2]);else if(/^(68|749|821)$/.test(t))e[t]=0;else{var i=new Promise((r,o)=>n=e[t]=[r,o]);o.push(n[2]=i);var a=r.p+r.u(t),u=Error();r.l(a,o=>{if(r.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var i=o&&("load"===o.type?"missing":o.type),a=o&&o.target&&o.target.src;u.message="Loading chunk "+t+" failed.\n("+i+": "+a+")",u.name="ChunkLoadError",u.type=i,u.request=a,n[1](u)}},"chunk-"+t,t)}},r.O.j=t=>0===e[t];var t=(t,o)=>{var n,i,[a,u,l]=o,c=0;if(a.some(t=>0!==e[t])){for(n in u)r.o(u,n)&&(r.m[n]=u[n]);if(l)var f=l(r)}for(t&&t(o);c<a.length;c++)i=a[c],r.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return r.O(f)},o=self.webpackChunk_N_E=self.webpackChunk_N_E||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))})()})();

package/build/_next/static/css/08a2fcd6f5aac3e0.css

@@ -1 +0,0 @@
-.badge{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.10625rem .625rem;font-size:.875rem;font-weight:700;line-height:1;vertical-align:baseline}.badge--round{padding-top:.1875rem;padding-bottom:.1875rem;border-radius:1rem}.badge{background-color:#ddd;color:#000}.badge--orange{background-color:#ff7900;color:#000}.badge--white{background-color:#fff;color:#000}.badge--black{background-color:#000;color:#fff}.badge--success{background-color:#32c832;color:#000}.badge--danger{background-color:#cd3c14;color:#fff}.badge--info{background-color:#527edb;color:#000}.badge--warning{background-color:#fc0;color:#000}

package/build/_next/static/css/d2fc2f581fe4b371.css

@@ -1 +0,0 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body,html{padding:0;margin:0;text-size-adjust:100%;-webkit-font-smoothing:initial}body{position:relative;background-color:#fff;font-family:helvneueorange,Helvetica Neue,helvetica,arial,sans-serif;color:#000}*,:after,:before{box-sizing:border-box}::selection{background-color:rgba(241,110,0,.9);color:#000}iframe{border:0}[contentEditable=true]:focus,[tabindex]:not([tabindex="-1"]):focus,[type=button]:focus,a[href]:focus,area[href]:focus,button:focus,iframe:focus,input:focus,select:focus,textarea:focus{outline:2px solid #527edb;outline-offset:2px}[contentEditable=true]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,[type=button]:focus-visible,a[href]:focus-visible,area[href]:focus-visible,button:focus-visible,iframe:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #527edb;outline-offset:2px}[contentEditable=true]:focus:not(:focus-visible),[tabindex]:not([tabindex="-1"]):focus:not(:focus-visible),[type=button]:focus:not(:focus-visible),a[href]:focus:not(:focus-visible),area[href]:focus:not(:focus-visible),button:focus:not(:focus-visible),iframe:focus:not(:focus-visible),input:focus:not(:focus-visible),select:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline-width:0;outline-color:rgba(0,0,0,0)}[tabindex="-1"]:focus{outline:none}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}a{text-decoration:none}[role=button],button{border:0 solid rgba(0,0,0,0);margin:0;padding:0;width:auto;overflow:visible;background:rgba(0,0,0,0);color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}[role=button]::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}caption{text-align:left}table{border-collapse:collapse}blockquote{margin:0 0 1.25rem}th{text-align:inherit}button[aria-expanded=true] .expand-icon{transform:rotate(180deg)}[hidden]{display:none!important}button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}fieldset{margin:0;padding:0;border:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.25rem;font-weight:700}.h1,h1{font-size:1.875rem;line-height:2.0625rem;max-width:36.25rem}@media screen and (min-width:768px){.h1,h1{font-size:2.125rem;line-height:2.3125rem;max-width:43.75rem}}.h2,h2{font-size:1.5rem;line-height:1.625rem;max-width:32.5rem}@media screen and (min-width:768px){.h2,h2{font-size:1.875rem;line-height:2.0625rem;max-width:40.625rem}}.h3,h3{font-size:1.25rem;line-height:1.375rem;max-width:30rem}@media screen and (min-width:768px){.h3,h3{font-size:1.5rem;line-height:1.625rem;max-width:36.25rem}}.h4,h4{font-size:1.125rem;line-height:1.25rem;max-width:28.125rem}@media screen and (min-width:768px){.h4,h4{font-size:1.25rem;line-height:1.375rem;max-width:32.5rem}}.h5,h5{font-size:1rem;line-height:1.125rem;max-width:26.25rem}@media screen and (min-width:768px){.h5,h5{font-size:1.125rem;line-height:1.25rem;max-width:30rem}}.h6,h6{font-size:1rem;line-height:1.125rem;max-width:26.25rem}@media screen and (min-width:768px){.h6,h6{font-size:1rem;line-height:1.125rem;max-width:28.125rem}}.display-1,.display-2,.display-3,.display-4{margin-top:0;margin-bottom:1.875rem;font-weight:700}.display-1{font-size:1.875rem;line-height:2.0625rem;max-width:32.5rem}@media screen and (min-width:768px){.display-1{font-size:3.125rem;line-height:3.4375rem;max-width:43.75rem}}@media screen and (min-width:1240px){.display-1{font-size:3.75rem;line-height:4.125rem;max-width:59.375rem}}.display-2{font-size:1.75rem;line-height:1.9375rem;max-width:32.5rem}@media screen and (min-width:768px){.display-2{font-size:2.5rem;line-height:2.75rem;max-width:40.625rem}}@media screen and (min-width:1240px){.display-2{font-size:3.125rem;line-height:3.4375rem;max-width:53.125rem}}.display-3{font-size:1.625rem;line-height:1.8125rem;max-width:30rem}@media screen and (min-width:768px){.display-3{font-size:2.125rem;line-height:2.3125rem;max-width:36.25rem}}@media screen and (min-width:1240px){.display-3{font-size:2.5rem;line-height:2.75rem;max-width:46.875rem}}.display-4{font-size:1.5rem;line-height:1.625rem;max-width:30rem}@media screen and (min-width:768px){.display-4{font-size:1.875rem;line-height:2.0625rem;max-width:32.5rem}}@media screen and (min-width:1240px){.display-4{font-size:2.125rem;line-height:2.3125rem;max-width:43.75rem}}html{font-size:1rem;line-height:1.25rem}p{margin-top:0;margin-bottom:1.25rem}cite{font-style:normal}hr{margin-top:1.25rem;margin-bottom:1.25rem;border:0;border-top:1px solid #eee}dl,ol,p,ul{max-width:35em}dl,ol,ul{margin:0 0 1.25rem;padding-left:1.875rem}ul{list-style-type:square}ul ul{list-style-type:disc}ul ul ul{list-style-type:circle}ol>:where(li),ul>:where(li){margin-bottom:.625rem}ol>:where(li)>:where(ul,ol),ul>:where(li)>:where(ul,ol){margin-top:.625rem}ol.list-condensed>:where(li),ul.list-condensed>:where(li){margin-bottom:.3125rem}ol.list-condensed>:where(li)>:where(ul,ol),ul.list-condensed>:where(li)>:where(ul,ol){margin-top:.3125rem}.list-unstyled{list-style:none;list-style-type:none!important;max-width:none;margin:0;padding:0}.list-unstyled>li{margin-bottom:0}.list-unstyled>li:before{content:" ";position:absolute;width:0;height:0}.list-circle{list-style-type:disc!important}.list-circle ul{list-style-type:circle}.list-circle ul ul{list-style-type:square}.list-square{list-style-type:square!important}.list-square ul{list-style-type:disc}.list-square ul ul{list-style-type:circle}.list-no-offset{padding-left:1.25rem;list-style-position:outside}.list-inline{list-style:none;list-style-type:none!important;max-width:none;margin:0;padding:0}.list-inline>li{margin-bottom:0}.list-inline>li:before{content:" ";position:absolute;width:0;height:0}.list-inline>li{display:inline-block}.list-inline>li:not(:last-child){margin-right:.625rem}main{min-height:100vh;padding-top:80px!important}.l-debug{padding:.625rem;background-color:#eee;border:1px solid #ddd}.l-debug>:not([class*=mb-]):last-child{margin-bottom:0}.l-debug-flex{display:flex}.l-debug-flex .l-debug{flex:1 1 auto}.code-wrapper{border:1px solid #ddd}.code-wrapper pre{margin-bottom:0!important}.code-wrapper .token:empty{display:none!important}.sg-icon-list{display:flex;flex-wrap:wrap;align-items:flex-start;list-style:none;padding-left:0}.sg-icon-list--wide{max-width:56.25rem}.sg-icon-list__item{display:flex;align-items:center;width:13.75rem;min-height:2.5rem;margin-bottom:1.25rem;margin-right:.3125rem;overflow-wrap:anywhere}.sg-icon-list__item .icon{cursor:pointer;flex-shrink:0;margin-right:.625rem}.sg-icon-list__item .icon:hover{color:#ff7900}.sg-nav__link{text-decoration:none!important;color:#666!important}.sg-nav__link:hover{color:#000!important}.sg-nav__link:focus{background-color:rgba(0,0,0,0)!important;box-shadow:none!important}.sg-nav__link.sg-nav__link--is-active{color:#f16e00!important}.h-link{text-decoration:none!important;display:none}h1:hover>.h-link,h2:hover>.h-link,h3:hover>.h-link,h4:hover>.h-link,h5:hover>.h-link,h6:hover>.h-link{display:inline-block}main>div>h1{margin-top:0;margin-bottom:1.875rem;font-weight:700;font-size:1.875rem;line-height:2.0625rem;max-width:32.5rem}@media screen and (min-width:768px){main>div>h1{font-size:3.125rem;line-height:3.4375rem;max-width:43.75rem}}@media screen and (min-width:1240px){main>div>h1{font-size:3.75rem;line-height:4.125rem;max-width:59.375rem}}main>div>h2{margin-top:0;margin-bottom:1.875rem;font-weight:700;font-size:1.625rem;line-height:1.8125rem;max-width:30rem}@media screen and (min-width:768px){main>div>h2{font-size:2.125rem;line-height:2.3125rem;max-width:36.25rem}}@media screen and (min-width:1240px){main>div>h2{font-size:2.5rem;line-height:2.75rem;max-width:46.875rem}}main>div>h1+p,main>div>h1+p+p,main>div>h1+p+p+p,main>div>h4{font-size:1.125rem;line-height:1.375rem}.color-black{color:#000!important}.color-orange{color:#f16e00!important}.color-gray{color:#595959!important}.color-white{color:#fff!important}.color-blue{color:#085ebd!important}.color-danger{color:#cd3c14!important}.bg-white{background-color:#fff!important;color:#000!important}.bg-white .color-blue,.bg-white.color-blue{color:#085ebd!important}.bg-black{background-color:#000!important;color:#fff!important}.bg-black .color-orange,.bg-black.color-orange{color:#ff7900!important}.bg-black .color-gray,.bg-black.color-gray{color:#ccc!important}.bg-black .color-blue,.bg-black.color-blue{color:#4bb4e6!important}.bg-black .color-danger,.bg-black.color-danger{color:#cd3c14!important}.bg-orange{background-color:#ff7900!important;color:#000!important}.bg-orange-dark{background-color:#f16e00!important;color:#fff!important}.bg-gray{background-color:#eee!important}.bg-blue{background-color:#4bb4e6!important}.bg-blue,.bg-green{color:#000!important}.bg-green{background-color:#50be87!important}.bg-pink{background-color:#ffb4e6!important}.bg-pink,.bg-violet{color:#000!important}.bg-violet{background-color:#a885d8!important}.bg-yellow{background-color:#ffd200!important;color:#000!important}.bg-yellow-lighter{background-color:#fff6b6!important;color:#000!important}.bg-red{background-color:#ff4d4d!important;color:#000!important}.bg-orange-dark::selection,.bg-orange::selection{background-color:#000;color:#fff}.color-gray::selection{color:#000}.bg-none{background:none!important}.bold,strong{font-weight:700!important}.italic,em{font-style:italic!important}.small,small{font-size:.875rem;line-height:1.125rem}.large{font-size:1.125rem;line-height:1.375rem}.text-nowrap{white-space:nowrap!important}.text-wrap{white-space:normal!important}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.align-left{text-align:left!important}.align-center{text-align:center!important}.align-right{text-align:right!important}@media screen and (min-width:480px){.align-sm-right{text-align:right!important}.align-sm-left{text-align:left!important}.align-sm-center{text-align:center!important}}@media screen and (min-width:768px){.align-md-right{text-align:right!important}.align-md-left{text-align:left!important}.align-md-center{text-align:center!important}}@media screen and (min-width:992px){.align-lg-right{text-align:right!important}.align-lg-left{text-align:left!important}.align-lg-center{text-align:center!important}}@media screen and (min-width:1240px){.align-xl-right{text-align:right!important}.align-xl-left{text-align:left!important}.align-xl-center{text-align:center!important}}@media screen and (min-width:1380px){.align-xxl-right{text-align:right!important}.align-xxl-left{text-align:left!important}.align-xxl-center{text-align:center!important}}.reset-text-decoration{text-decoration:none!important}.align-middle{vertical-align:middle!important}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.align-baseline{vertical-align:baseline!important}.reset-font-weight{font-weight:400!important}.reset-font-size{font-size:16px!important;line-height:1.25!important}.text-fullwidth{max-width:none}.text-readable{max-width:35em}.text-narrow{max-width:22em}.border-radius--medium{border-radius:10px}.border{border:2px solid #000}.border.is-invalid{border-color:#cd3c14!important}.border--gray{border-color:#ccc}.border--gray.border-hover:hover,.border--gray.is-indicating:hover{border-color:#666}.border--orange{border-color:#ff7900}.mb{margin-bottom:1.25rem}.mb-xsmall{margin-bottom:5px!important}.mb-small{margin-bottom:10px!important}.mb-medium{margin-bottom:20px!important}.mb-large{margin-bottom:30px!important}.mb-xlarge{margin-bottom:60px!important}.mb-none{margin-bottom:0!important}@media screen and (min-width:480px){.mb-sm-xsmall{margin-bottom:5px!important}.mb-sm-small{margin-bottom:10px!important}.mb-sm-medium{margin-bottom:20px!important}.mb-sm-large{margin-bottom:30px!important}.mb-sm-xlarge{margin-bottom:60px!important}.mb-sm-none{margin-bottom:0!important}}@media screen and (min-width:768px){.mb-md-xsmall{margin-bottom:5px!important}.mb-md-small{margin-bottom:10px!important}.mb-md-medium{margin-bottom:20px!important}.mb-md-large{margin-bottom:30px!important}.mb-md-xlarge{margin-bottom:60px!important}.mb-md-none{margin-bottom:0!important}}@media screen and (min-width:992px){.mb-lg-xsmall{margin-bottom:5px!important}.mb-lg-small{margin-bottom:10px!important}.mb-lg-medium{margin-bottom:20px!important}.mb-lg-large{margin-bottom:30px!important}.mb-lg-xlarge{margin-bottom:60px!important}.mb-lg-none{margin-bottom:0!important}}@media screen and (min-width:1240px){.mb-xl-xsmall{margin-bottom:5px!important}.mb-xl-small{margin-bottom:10px!important}.mb-xl-medium{margin-bottom:20px!important}.mb-xl-large{margin-bottom:30px!important}.mb-xl-xlarge{margin-bottom:60px!important}.mb-xl-none{margin-bottom:0!important}}@media screen and (min-width:1380px){.mb-xxl-xsmall{margin-bottom:5px!important}.mb-xxl-small{margin-bottom:10px!important}.mb-xxl-medium{margin-bottom:20px!important}.mb-xxl-large{margin-bottom:30px!important}.mb-xxl-xlarge{margin-bottom:60px!important}.mb-xxl-none{margin-bottom:0!important}}.mt-none{margin-top:0!important}.pt-none{padding-top:0!important}.mr-none{margin-right:0!important}.pr-none{padding-right:0!important}.pb-none{padding-bottom:0!important}.ml-none{margin-left:0!important}.pl-none{padding-left:0!important}.no-mrg{margin:0!important}.no-pad{padding:0!important}.clearfix:after,.clearfix:before{content:"";display:table}.clear,.clearfix:after{clear:both}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-center{justify-content:center}.justify-content-space-around{justify-content:space-around}.justify-content-space-between{justify-content:space-between}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-center{align-items:center}.align-items-stretch{align-items:stretch}.align-self-left{margin-left:0;margin-right:auto}.align-self-right{margin-left:auto;margin-right:0}.align-self-center{margin-left:auto;margin-right:auto}.align-self-top{align-self:flex-start}.align-self-bottom{align-self:flex-end}.align-self-middle{align-self:center}.align-self-stretch{align-self:stretch}.align-self-last{order:999}@media screen and (min-width:480px){.justify-content-start--sm{justify-content:flex-start}.justify-content-end--sm{justify-content:flex-end}.justify-content-center--sm{justify-content:center}.justify-content-space-around--sm{justify-content:space-around}.justify-content-space-between--sm{justify-content:space-between}.align-items-start--sm{align-items:flex-start}.align-items-end--sm{align-items:flex-end}.align-items-center--sm{align-items:center}.align-items-stretch--sm{align-items:stretch}.align-self-left--sm{margin-left:0;margin-right:auto}.align-self-right--sm{margin-left:auto;margin-right:0}.align-self-center--sm{margin-left:auto;margin-right:auto}.align-self-top--sm{align-self:flex-start}.align-self-bottom--sm{align-self:flex-end}.align-self-middle--sm{align-self:center}.align-self-stretch--sm{align-self:stretch}.align-self-last--sm{order:999}}@media screen and (min-width:768px){.justify-content-start--md{justify-content:flex-start}.justify-content-end--md{justify-content:flex-end}.justify-content-center--md{justify-content:center}.justify-content-space-around--md{justify-content:space-around}.justify-content-space-between--md{justify-content:space-between}.align-items-start--md{align-items:flex-start}.align-items-end--md{align-items:flex-end}.align-items-center--md{align-items:center}.align-items-stretch--md{align-items:stretch}.align-self-left--md{margin-left:0;margin-right:auto}.align-self-right--md{margin-left:auto;margin-right:0}.align-self-center--md{margin-left:auto;margin-right:auto}.align-self-top--md{align-self:flex-start}.align-self-bottom--md{align-self:flex-end}.align-self-middle--md{align-self:center}.align-self-stretch--md{align-self:stretch}.align-self-last--md{order:999}}@media screen and (min-width:992px){.justify-content-start--lg{justify-content:flex-start}.justify-content-end--lg{justify-content:flex-end}.justify-content-center--lg{justify-content:center}.justify-content-space-around--lg{justify-content:space-around}.justify-content-space-between--lg{justify-content:space-between}.align-items-start--lg{align-items:flex-start}.align-items-end--lg{align-items:flex-end}.align-items-center--lg{align-items:center}.align-items-stretch--lg{align-items:stretch}.align-self-left--lg{margin-left:0;margin-right:auto}.align-self-right--lg{margin-left:auto;margin-right:0}.align-self-center--lg{margin-left:auto;margin-right:auto}.align-self-top--lg{align-self:flex-start}.align-self-bottom--lg{align-self:flex-end}.align-self-middle--lg{align-self:center}.align-self-stretch--lg{align-self:stretch}.align-self-last--lg{order:999}}@media screen and (min-width:1240px){.justify-content-start--xl{justify-content:flex-start}.justify-content-end--xl{justify-content:flex-end}.justify-content-center--xl{justify-content:center}.justify-content-space-around--xl{justify-content:space-around}.justify-content-space-between--xl{justify-content:space-between}.align-items-start--xl{align-items:flex-start}.align-items-end--xl{align-items:flex-end}.align-items-center--xl{align-items:center}.align-items-stretch--xl{align-items:stretch}.align-self-left--xl{margin-left:0;margin-right:auto}.align-self-right--xl{margin-left:auto;margin-right:0}.align-self-center--xl{margin-left:auto;margin-right:auto}.align-self-top--xl{align-self:flex-start}.align-self-bottom--xl{align-self:flex-end}.align-self-middle--xl{align-self:center}.align-self-stretch--xl{align-self:stretch}.align-self-last--xl{order:999}}@media screen and (min-width:1380px){.justify-content-start--xxl{justify-content:flex-start}.justify-content-end--xxl{justify-content:flex-end}.justify-content-center--xxl{justify-content:center}.justify-content-space-around--xxl{justify-content:space-around}.justify-content-space-between--xxl{justify-content:space-between}.align-items-start--xxl{align-items:flex-start}.align-items-end--xxl{align-items:flex-end}.align-items-center--xxl{align-items:center}.align-items-stretch--xxl{align-items:stretch}.align-self-left--xxl{margin-left:0;margin-right:auto}.align-self-right--xxl{margin-left:auto;margin-right:0}.align-self-center--xxl{margin-left:auto;margin-right:auto}.align-self-top--xxl{align-self:flex-start}.align-self-bottom--xxl{align-self:flex-end}.align-self-middle--xxl{align-self:center}.align-self-stretch--xxl{align-self:stretch}.align-self-last--xxl{order:999}}.aspect-ratio-21-9{max-width:100%;border:0;aspect-ratio:21/9}.aspect-ratio-16-9{max-width:100%;border:0;aspect-ratio:16/9}.aspect-ratio-4-3{max-width:100%;border:0;aspect-ratio:4/3}.aspect-ratio-1-1{max-width:100%;border:0;aspect-ratio:1/1}.d-block{display:block}.d-inline-block{display:inline-block}.d-inline{display:inline}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.fullwidth{width:100%!important}.fullheight{height:100%!important}.center-block{margin-left:auto!important;margin-right:auto!important}.sr-only,.visually-hidden{height:1px;width:1px;margin:-1px;padding:0;border:0;position:absolute;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:480px){.show-xs-only{display:none!important}}@media screen and (min-width:0)and (max-width:479.98px){.hide-xs-only{display:none!important}}@media screen and (max-width:479.98px){.show-sm{display:none!important}}@media screen and (min-width:480px){.hide-sm{display:none!important}}@media screen and (max-width:479.98px){.show-sm-only{display:none!important}}@media screen and (min-width:768px){.show-sm-only{display:none!important}}@media screen and (min-width:480px)and (max-width:767.98px){.hide-sm-only{display:none!important}}@media screen and (max-width:767.98px){.show-md{display:none!important}}@media screen and (min-width:768px){.hide-md{display:none!important}}@media screen and (max-width:767.98px){.show-md-only{display:none!important}}@media screen and (min-width:992px){.show-md-only{display:none!important}}@media screen and (min-width:768px)and (max-width:991.98px){.hide-md-only{display:none!important}}@media screen and (max-width:991.98px){.show-lg{display:none!important}}@media screen and (min-width:992px){.hide-lg{display:none!important}}@media screen and (max-width:991.98px){.show-lg-only{display:none!important}}@media screen and (min-width:1240px){.show-lg-only{display:none!important}}@media screen and (min-width:992px)and (max-width:1239.98px){.hide-lg-only{display:none!important}}@media screen and (max-width:1239.98px){.show-xl{display:none!important}}@media screen and (min-width:1240px){.hide-xl{display:none!important}}@media screen and (max-width:1239.98px){.show-xl-only{display:none!important}}@media screen and (min-width:1380px){.show-xl-only{display:none!important}}@media screen and (min-width:1240px)and (max-width:1379.98px){.hide-xl-only{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl{display:none!important}}@media screen and (min-width:1380px){.hide-xxl{display:none!important}}@media screen and (max-width:1379.98px){.show-xxl-only{display:none!important}}[class*=horizontal-scroll]{scrollbar-color:#ddd #595959;scrollbar-width:.625rem;scroll-snap-type:x mandatory}[class*=horizontal-scroll]>*{scroll-snap-align:start}[class*=horizontal-scroll]::-webkit-scrollbar{height:.625rem;-webkit-appearance:none;appearance:none;background-color:#ddd;border-radius:99px}[class*=horizontal-scroll]::-webkit-scrollbar-thumb{opacity:1;border-radius:99px;background-color:#595959}.horizontal-scroll{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}@media screen and (min-width:480px){.horizontal-scroll--sm{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--sm-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:768px){.horizontal-scroll--md{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--md-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:992px){.horizontal-scroll--lg{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--lg-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1240px){.horizontal-scroll--xl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}@media screen and (min-width:1380px){.horizontal-scroll--xxl{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:auto;margin-bottom:1.25rem}.horizontal-scroll--xxl-disable{flex-wrap:wrap;overflow-x:initial;-webkit-overflow-scrolling:initial;margin-bottom:0}}.mm-header ul,.osk-footer-menu{max-width:none;margin-top:0}.mm-header ul li,.osk-footer-menu li{margin-top:0;margin-bottom:0}

package/build/_next/static/rsiMOOYAxBtOjvpzBN4vJ/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(e,r,t){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},__routerFilterStatic:{numItems:3,errorRate:1e-4,numBits:58,numHashes:14,bitArray:[1,1,0,e,0,e,e,r,e,e,r,e,r,e,r,e,e,r,e,e,r,e,e,r,r,r,r,r,e,r,e,e,e,e,r,e,e,e,e,e,r,r,e,r,e,r,e,e,e,e,r,r,r,r,r,e,r,e]},__routerFilterDynamic:{numItems:r,errorRate:1e-4,numBits:r,numHashes:NaN,bitArray:[]},"/_error":["static/chunks/pages/_error-cc3f077a18ea1793.js"],sortedPages:["/_app","/_error"]}}(1,0,1e-4),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

package/build/_redirects

@@ -1 +0,0 @@
-/*    /index.html   200

package/build/components/types/Badge/index.d.ts

@@ -1,2 +0,0 @@
-import "./styles/style.scss";
-export { default } from "./Badge";

package/build/components/types/index.d.ts

@@ -1,4 +0,0 @@
-import "../styles/before-components.scss";
-import Badge from "./Badge";
-import "../styles/after-components.scss";
-export { Badge };