@nimbus-ds/styles 5.1.0 → 5.3.0

package/dist/index.css

@@ -28,7 +28,7 @@
   --g6qx2kq: #530001;
   --g6qx2kr: #190000;
   --g6qx2ks: #ffffff;
-  --g6qx2kt: #f1f1f1;
+  --g6qx2kt: #fafafa;
   --g6qx2ku: #e7e8e9;
   --g6qx2kv: #cfd1d2;
   --g6qx2kw: #b7babc;
@@ -102,6 +102,7 @@
   --g6qx2k2s: 0px;
   --g6qx2k2t: 672px;
   --g6qx2k2u: 1024px;
+  --g6qx2k2v: 0 0 0 3px #7abcf7;
 }
 .ganf380 {
   display: flex;
@@ -118,20 +119,20 @@
   font-family: var(--g6qx2k12);
 }
 .ganf381 {
-  background-color: var(--g6qx2k1);
-  color: var(--g6qx2k6);
+  background-color: var(--g6qx2k5);
+  color: var(--g6qx2ks);
 }
 .ganf382 {
-  background-color: var(--g6qx2k8);
-  color: var(--g6qx2kd);
+  background-color: var(--g6qx2kc);
+  color: var(--g6qx2ks);
 }
 .ganf383 {
-  background-color: var(--g6qx2kf);
-  color: var(--g6qx2kk);
+  background-color: var(--g6qx2kj);
+  color: var(--g6qx2ks);
 }
 .ganf384 {
-  background-color: var(--g6qx2km);
-  color: var(--g6qx2kr);
+  background-color: var(--g6qx2kq);
+  color: var(--g6qx2ks);
 }
 .ganf385 {
   background-color: var(--g6qx2k10);
@@ -396,7 +397,7 @@
   height: 2.125rem;
   width: fit-content;
   gap: var(--g6qx2k1r);
-  font-weight: var(--g6qx2k1e);
+  font-weight: var(--g6qx2k1d);
   line-height: var(--g6qx2k1g);
   font-size: var(--g6qx2k14);
   font-family: var(--g6qx2k12);
@@ -411,7 +412,10 @@
 }
 ._1pga1rd0:disabled {
   color: var(--g6qx2kz);
-  cursor: auto;
+  cursor: not-allowed;
+}
+._1pga1rd0:focus {
+  box-shadow: var(--g6qx2k2v);
 }
 ._1pga1rd1 {
   background: var(--g6qx2k2);
@@ -454,16 +458,16 @@
   border-color: var(--g6qx2ko);
 }
 ._1pga1rd3 {
-  background: var(--g6qx2kw);
+  background: var(--g6qx2kt);
   border-color: var(--g6qx2kw);
   color: var(--g6qx2k10);
 }
 ._1pga1rd3:hover {
-  background: var(--g6qx2kx);
+  background-color: var(--g6qx2kv);
   border-color: var(--g6qx2kx);
 }
 ._1pga1rd3:active {
-  background: var(--g6qx2ky);
+  background-color: var(--g6qx2kw);
   border-color: var(--g6qx2ky);
 }
 ._1pga1rd3:disabled {
@@ -471,14 +475,36 @@
   border-color: var(--g6qx2kv);
 }
 ._1pga1rd3:focus {
+  border-color: var(--g6qx2k2);
+}
+._1pga1rd4 {
+  background: transparent;
+  border-color: transparent;
+  color: var(--g6qx2k10);
+}
+._1pga1rd4:hover {
+  background-color: var(--g6qx2kt);
   border-color: var(--g6qx2kx);
 }
+._1pga1rd4:active {
+  background-color: var(--g6qx2kv);
+  border-color: var(--g6qx2ky);
+}
+._1pga1rd4:disabled {
+  color: var(--g6qx2kz);
+  background: transparent;
+  border-color: transparent;
+}
 .jpzb320 {
   display: flex;
   align-items: flex-start;
   width: fit-content;
   gap: var(--g6qx2k1r);
   position: relative;
+  border-radius: var(--g6qx2k23);
+}
+.jpzb320:focus-within {
+  box-shadow: var(--g6qx2k2v);
 }
 .jpzb321 {
   position: absolute;
@@ -497,6 +523,7 @@
   border-width: 0.063rem;
   border-style: solid;
   border-radius: var(--g6qx2k1r);
+  background-color: var(--g6qx2ks);
 }
 .jpzb323 {
   display: none;
@@ -544,7 +571,7 @@
   line-height: var(--g6qx2k1f);
   font-size: var(--g6qx2k13);
   font-family: var(--g6qx2k12);
-  background: var(--g6qx2kw);
+  background: var(--g6qx2kt);
   color: var(--g6qx2k10);
   border-radius: 0.25rem;
   box-sizing: border-box;
@@ -555,14 +582,15 @@
   transition: all var(--g6qx2k2p) ease;
 }
 ._5pa3qd0:hover {
-  background: var(--g6qx2kx);
+  background: var(--g6qx2kv);
   border-color: var(--g6qx2kx);
 }
 ._5pa3qd0:focus {
-  border-color: var(--g6qx2kx);
+  border-color: var(--g6qx2k2);
+  box-shadow: var(--g6qx2k2v);
 }
 ._5pa3qd0:active {
-  background: var(--g6qx2ky);
+  background: var(--g6qx2kw);
   border-color: var(--g6qx2ky);
 }
 ._1rdcmki0 {
@@ -672,60 +700,75 @@
   align-items: center;
 }
 ._1stykmn0 {
-  color: var(--g6qx2k2);
+  color: var(--g6qx2k0);
 }
 ._1stykmn1 {
-  color: var(--g6qx2k5);
+  color: var(--g6qx2k2);
 }
 ._1stykmn2 {
-  color: var(--g6qx2k6);
+  color: var(--g6qx2k5);
 }
 ._1stykmn3 {
-  color: var(--g6qx2k9);
+  color: var(--g6qx2k6);
 }
 ._1stykmn4 {
-  color: var(--g6qx2kc);
+  color: var(--g6qx2k7);
 }
 ._1stykmn5 {
-  color: var(--g6qx2kd);
+  color: var(--g6qx2k9);
 }
 ._1stykmn6 {
-  color: var(--g6qx2kg);
+  color: var(--g6qx2kc);
 }
 ._1stykmn7 {
-  color: var(--g6qx2kj);
+  color: var(--g6qx2kd);
 }
 ._1stykmn8 {
-  color: var(--g6qx2kk);
+  color: var(--g6qx2ke);
 }
 ._1stykmn9 {
-  color: var(--g6qx2kn);
+  color: var(--g6qx2kg);
 }
 ._1stykmna {
-  color: var(--g6qx2kq);
+  color: var(--g6qx2kj);
 }
 ._1stykmnb {
-  color: var(--g6qx2kr);
+  color: var(--g6qx2kk);
 }
 ._1stykmnc {
-  color: var(--g6qx2ks);
+  color: var(--g6qx2kl);
 }
 ._1stykmnd {
-  color: var(--g6qx2kw);
+  color: var(--g6qx2kn);
 }
 ._1stykmne {
-  color: var(--g6qx2k10);
+  color: var(--g6qx2kq);
 }
 ._1stykmnf {
-  color: var(--g6qx2kz);
+  color: var(--g6qx2kr);
 }
 ._1stykmng {
-  color: var(--g6qx2k11);
+  color: var(--g6qx2ks);
 }
 ._1stykmnh {
-  cursor: auto;
+  color: var(--g6qx2kt);
 }
 ._1stykmni {
+  color: var(--g6qx2kw);
+}
+._1stykmnj {
+  color: var(--g6qx2k10);
+}
+._1stykmnk {
+  color: var(--g6qx2kz);
+}
+._1stykmnl {
+  color: var(--g6qx2k11);
+}
+._1stykmnm {
+  cursor: auto;
+}
+._1stykmnn {
   cursor: pointer;
 }
 ._1mk82bx0 {
@@ -739,9 +782,12 @@
   transition: all var(--g6qx2k2p) ease;
 }
 ._1mk82bx0:active {
-  background-color: var(--g6qx2ky);
+  background-color: var(--g6qx2kw);
   border-color: var(--g6qx2ky);
 }
+._1mk82bx0:focus {
+  box-shadow: var(--g6qx2k2v);
+}
 .dhtwyb9:active {
   width: var(--dhtwyb3);
 }
@@ -851,7 +897,7 @@
 }
 .dv19bt4:focus {
   outline: none;
-  box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
+  box-shadow: var(--g6qx2k2v);
 }
 .dv19bt4:disabled {
   border-color: var(--g6qx2kw);
@@ -968,120 +1014,143 @@
   color: currentColor;
 }
 ._15poixj1 {
-  color: var(--g6qx2k2);
+  color: var(--g6qx2k0);
 }
 ._15poixj2 {
-  color: var(--g6qx2k5);
+  color: var(--g6qx2k2);
 }
 ._15poixj3 {
-  color: var(--g6qx2k6);
+  color: var(--g6qx2k5);
 }
 ._15poixj4 {
-  color: var(--g6qx2k9);
+  color: var(--g6qx2k6);
 }
 ._15poixj5 {
-  color: var(--g6qx2kc);
+  color: var(--g6qx2k7);
 }
 ._15poixj6 {
-  color: var(--g6qx2kd);
+  color: var(--g6qx2k9);
 }
 ._15poixj7 {
-  color: var(--g6qx2kg);
+  color: var(--g6qx2kc);
 }
 ._15poixj8 {
-  color: var(--g6qx2kj);
+  color: var(--g6qx2kd);
 }
 ._15poixj9 {
-  color: var(--g6qx2kk);
+  color: var(--g6qx2ke);
 }
 ._15poixja {
-  color: var(--g6qx2kn);
+  color: var(--g6qx2kg);
 }
 ._15poixjb {
-  color: var(--g6qx2kq);
+  color: var(--g6qx2kj);
 }
 ._15poixjc {
-  color: var(--g6qx2kr);
+  color: var(--g6qx2kk);
 }
 ._15poixjd {
-  color: var(--g6qx2ks);
+  color: var(--g6qx2kl);
 }
 ._15poixje {
-  color: var(--g6qx2kw);
+  color: var(--g6qx2kn);
 }
 ._15poixjf {
-  color: var(--g6qx2kz);
+  color: var(--g6qx2kq);
 }
 ._15poixjg {
-  color: var(--g6qx2k10);
+  color: var(--g6qx2kr);
 }
 ._15poixjh {
-  color: var(--g6qx2k11);
+  color: var(--g6qx2ks);
 }
 ._15poixji {
-  text-align: left;
+  color: var(--g6qx2kt);
 }
 ._15poixjj {
-  text-align: right;
+  color: var(--g6qx2kw);
 }
 ._15poixjk {
-  text-align: center;
+  color: var(--g6qx2kz);
 }
 ._15poixjl {
-  text-align: justify;
+  color: var(--g6qx2k10);
 }
 ._15poixjm {
-  line-height: var(--g6qx2k1f);
+  color: var(--g6qx2k11);
 }
 ._15poixjn {
-  line-height: var(--g6qx2k1g);
+  text-align: left;
 }
 ._15poixjo {
-  line-height: var(--g6qx2k1h);
+  text-align: right;
 }
 ._15poixjp {
-  font-weight: var(--g6qx2k1c);
+  text-align: center;
 }
 ._15poixjq {
-  font-weight: var(--g6qx2k1e);
+  text-align: justify;
 }
 ._15poixjr {
-  font-size: var(--g6qx2k13);
+  line-height: var(--g6qx2k1f);
 }
 ._15poixjs {
-  font-size: var(--g6qx2k14);
+  line-height: var(--g6qx2k1g);
 }
 ._15poixjt {
+  line-height: var(--g6qx2k1h);
+}
+._15poixju {
+  font-weight: var(--g6qx2k1c);
+}
+._15poixjv {
+  font-weight: var(--g6qx2k1d);
+}
+._15poixjw {
+  font-weight: var(--g6qx2k1e);
+}
+._15poixjx {
+  font-size: var(--g6qx2k13);
+}
+._15poixjy {
+  font-size: var(--g6qx2k14);
+}
+._15poixjz {
   font-size: var(--g6qx2k15);
 }
 ._1s9dqsk0 {
   font-family: var(--g6qx2k12);
-  font-weight: var(--g6qx2k1e);
   margin: 0;
 }
 ._1s9dqsk1 {
   font-size: var(--g6qx2k16);
   line-height: var(--g6qx2k1i);
+  font-weight: var(--g6qx2k1d);
 }
 ._1s9dqsk2 {
   font-size: var(--g6qx2k17);
   line-height: var(--g6qx2k1j);
+  font-weight: var(--g6qx2k1d);
 }
 ._1s9dqsk3 {
   font-size: var(--g6qx2k18);
   line-height: var(--g6qx2k1k);
+  font-weight: var(--g6qx2k1d);
 }
 ._1s9dqsk4 {
   font-size: var(--g6qx2k19);
   line-height: var(--g6qx2k1l);
+  font-weight: var(--g6qx2k1d);
 }
 ._1s9dqsk5 {
   font-size: var(--g6qx2k1a);
   line-height: var(--g6qx2k1m);
+  font-weight: var(--g6qx2k1e);
 }
 ._1s9dqsk6 {
   font-size: var(--g6qx2k1b);
   line-height: var(--g6qx2k1n);
+  font-weight: var(--g6qx2k1e);
 }
 ._188nen40 {
   color: var(--g6qx2k6);
@@ -1132,11 +1201,9 @@
   gap: var(--g6qx2k1r);
   height: 2rem;
   width: fit-content;
-  padding: var(--g6qx2k1r);
+  padding: var(--g6qx2k1s);
   box-sizing: border-box;
-  border-width: 0.063rem;
-  border-style: solid;
-  border-radius: var(--g6qx2k1r);
+  border-radius: var(--g6qx2k1s);
   transition: var(--g6qx2k2p) ease;
 }
 ._1dl9ocm1 {
@@ -1149,20 +1216,16 @@
   right: 0;
 }
 ._1dl9ocm2 {
-  background: var(--g6qx2k0);
-  border-color: var(--g6qx2k1);
+  background: var(--g6qx2k5);
 }
 ._1dl9ocm3 {
-  background: var(--g6qx2k7);
-  border-color: var(--g6qx2k8);
+  background: var(--g6qx2kc);
 }
 ._1dl9ocm4 {
-  background: var(--g6qx2kl);
-  border-color: var(--g6qx2km);
+  background: var(--g6qx2kq);
 }
 ._1dl9ocm5 {
-  background: var(--g6qx2kt);
-  border-color: var(--g6qx2kv);
+  background: var(--g6qx2k10);
 }
 ._1273uf50 {
   display: flex;
@@ -1295,10 +1358,12 @@
   border-radius: var(--g6qx2k23);
   transition: all var(--g6qx2k2p) ease;
 }
-._1n3n7840:focus {
-  border-color: var(--g6qx2kx);
+._1n3n7840:focus-within {
+  box-shadow: var(--g6qx2k2v);
 }
 ._1n3n7841 {
+  border-style: solid;
+  border-width: 1px;
   display: flex;
   padding: var(--g6qx2k1r) var(--g6qx2k2k);
   border-radius: var(--g6qx2k23);
@@ -1310,18 +1375,22 @@
   color: var(--g6qx2k10);
 }
 ._1n3n7843 {
-  background-color: var(--g6qx2kw);
+  background-color: var(--g6qx2kt);
+  border-color: var(--g6qx2kw);
   color: var(--g6qx2k10);
 }
 ._1n3n7843:active {
-  background: var(--g6qx2ky);
-  color: var(--g6qx2k11);
+  background-color: var(--g6qx2kw);
+  border-color: var(--g6qx2kx);
 }
 ._1n3n7843:hover {
-  background: var(--g6qx2kx);
+  background: var(--g6qx2kv);
+  border-color: var(--g6qx2ky);
 }
 ._1n3n7844 {
+  cursor: not-allowed;
   background-color: var(--g6qx2ku);
+  border-color: var(--g6qx2kv);
   color: var(--g6qx2kz);
 }
 ._1n3n7845 {
@@ -1365,11 +1434,13 @@
 }
 ._1n3n7845:checked ~ ._1n3n7843 {
   background-color: var(--g6qx2k2);
+  border-color: var(--g6qx2k2);
   color: var(--g6qx2ks);
 }
 ._1n3n7845:checked ~ ._1n3n7844 {
-  background-color: var(--g6qx2kz);
-  color: var(--g6qx2ks);
+  background-color: var(--g6qx2ku);
+  border-color: var(--g6qx2kv);
+  color: var(--g6qx2kz);
 }
 .ro0rqq0 {
   cursor: auto;
@@ -1414,7 +1485,7 @@
   cursor: not-allowed;
 }
 ._13uiqus2:focus-visible {
-  box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
+  box-shadow: var(--g6qx2k2v);
 }
 ._13uiqus3 {
   border: 1px solid var(--g6qx2kw);
@@ -1528,30 +1599,42 @@
   animation: _1lcn4li1 1.5s ease-in-out infinite;
 }
 .bkbl2e0 {
-  color: var(--g6qx2k2);
+  color: var(--g6qx2k0);
 }
 .bkbl2e1 {
-  color: var(--g6qx2k5);
+  color: var(--g6qx2k2);
 }
 .bkbl2e2 {
-  color: var(--g6qx2k9);
+  color: var(--g6qx2k5);
 }
 .bkbl2e3 {
-  color: var(--g6qx2kc);
+  color: var(--g6qx2k7);
 }
 .bkbl2e4 {
-  color: var(--g6qx2kn);
+  color: var(--g6qx2k9);
 }
 .bkbl2e5 {
-  color: var(--g6qx2kq);
+  color: var(--g6qx2kc);
 }
 .bkbl2e6 {
-  color: var(--g6qx2ks);
+  color: var(--g6qx2kl);
 }
 .bkbl2e7 {
-  color: var(--g6qx2kw);
+  color: var(--g6qx2kn);
 }
 .bkbl2e8 {
+  color: var(--g6qx2kq);
+}
+.bkbl2e9 {
+  color: var(--g6qx2ks);
+}
+.bkbl2ea {
+  color: var(--g6qx2kt);
+}
+.bkbl2eb {
+  color: var(--g6qx2kw);
+}
+.bkbl2ec {
   color: var(--g6qx2k10);
 }
 @media screen and (min-width: 0px) {
@@ -1840,6 +1923,7 @@
   }
 }
 ._17e53ld0 {
+  border-radius: 9px;
   display: flex;
   align-items: center;
   width: fit-content;
@@ -1847,6 +1931,9 @@
   position: relative;
   cursor: pointer;
 }
+._17e53ld0:focus-within {
+  box-shadow: var(--g6qx2k2v);
+}
 ._17e53ld1 {
   position: absolute;
   overflow: hidden;
@@ -1861,8 +1948,11 @@
   align-items: center;
   justify-content: center;
   position: relative;
-  border-radius: var(--g6qx2k24);
-  background-color: var(--g6qx2kw);
+  border-radius: 9px;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--g6qx2kw);
+  background-color: var(--g6qx2kt);
   transition: all var(--g6qx2k2p) ease;
 }
 ._17e53ld2:before {
@@ -1870,17 +1960,36 @@
   position: absolute;
   width: 0.875rem;
   height: 0.875rem;
-  background-color: var(--g6qx2ks);
+  background-color: var(--g6qx2kw);
   border-radius: 50%;
   left: 0.063rem;
   transition: all var(--g6qx2k2p) ease;
 }
+._17e53ld2:hover {
+  border-color: var(--g6qx2kx);
+}
+._17e53ld2:active {
+  border-color: var(--g6qx2ky);
+}
 ._17e53ld0 input:checked ~ ._17e53ld2 {
-  background-color: var(--g6qx2k2);
+  border-color: var(--g6qx2k2);
 }
 ._17e53ld0 input:checked ~ ._17e53ld2:before {
+  background-color: var(--g6qx2k2);
   left: 1.063rem;
 }
+._17e53ld2:hover:before {
+  background-color: var(--g6qx2kx);
+}
+._17e53ld2:active:before {
+  background-color: var(--g6qx2ky);
+}
+._17e53ld0 input:checked ~ ._17e53ld2:hover:before {
+  background-color: var(--g6qx2k3);
+}
+._17e53ld0 input:checked ~ ._17e53ld2:active:before {
+  background-color: var(--g6qx2k4);
+}
 ._1chpjyr0 {
   align-items: center;
   appearance: none;
@@ -1894,6 +2003,9 @@
   box-sizing: border-box;
   transition: all var(--g6qx2k2p) ease;
 }
+._1chpjyr0:focus {
+  box-shadow: var(--g6qx2k2v);
+}
 ._1chpjyr1 {
   font-size: var(--g6qx2k13);
   line-height: var(--g6qx2k1f);
@@ -1915,9 +2027,6 @@
 ._1chpjyr4:active {
   color: var(--g6qx2k4);
 }
-._1chpjyr4:focus {
-  outline: var(--g6qx2k4) auto 1px;
-}
 ._1chpjyr5 {
   color: var(--g6qx2kn);
 }
@@ -1927,9 +2036,6 @@
 ._1chpjyr5:active {
   color: var(--g6qx2kp);
 }
-._1chpjyr5:focus {
-  outline: var(--g6qx2kp) auto 1px;
-}
 ._1chpjyr6 {
   color: var(--g6qx2k10);
 }
@@ -1939,9 +2045,6 @@
 ._1chpjyr6:active {
   color: var(--g6qx2k11);
 }
-._1chpjyr6:focus {
-  outline: var(--g6qx2k11) auto 1px;
-}
 ._9m7ivh0 {
   text-decoration: none;
 }
@@ -2066,38 +2169,38 @@
   border-radius: var(--g6qx2k1s);
   transition: all var(--g6qx2k2o);
 }
-.msp8ty8:focus-visible {
-  box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
+.msp8ty8:focus {
+  box-shadow: var(--g6qx2k2v);
 }
 .msp8ty9:hover {
   background-color: var(--g6qx2k1);
 }
-.msp8ty9:focus {
-  border-color: var(--g6qx2k4);
+.msp8ty9:active {
+  background-color: var(--g6qx2k4);
 }
 .msp8tya:hover {
   background-color: var(--g6qx2k8);
 }
-.msp8tya:focus {
-  border-color: var(--g6qx2kb);
+.msp8tya:active {
+  background-color: var(--g6qx2kb);
 }
 .msp8tyb:hover {
   background-color: var(--g6qx2kf);
 }
-.msp8tyb:focus {
-  border-color: var(--g6qx2ki);
+.msp8tyb:active {
+  background-color: var(--g6qx2ki);
 }
 .msp8tyc:hover {
   background-color: var(--g6qx2km);
 }
-.msp8tyc:focus {
-  border-color: var(--g6qx2kp);
+.msp8tyc:active {
+  background-color: var(--g6qx2kp);
 }
 .msp8tyd:hover {
   background-color: var(--g6qx2kv);
 }
-.msp8tyd:focus {
-  border-color: var(--g6qx2ky);
+.msp8tyd:active {
+  background-color: var(--g6qx2ky);
 }
 ._144xhgt0 {
   display: flex;
@@ -2158,6 +2261,12 @@
 .cicgbqc {
   padding: 0;
 }
+._1ng3paj0 {
+  display: flex;
+  list-style-type: none;
+  padding: 0;
+  gap: var(--g6qx2k1r);
+}
 @keyframes _1cz7f1n0 {
   0% {
     opacity: 0;
@@ -2270,6 +2379,7 @@
   padding: 0;
   list-style: none;
   display: flex;
+  transition: var(--g6qx2k2o);
 }
 ._1fjf5352 {
   flex: 1 1 auto;
@@ -2298,12 +2408,14 @@
 ._1fjf5353:hover {
   background-color: var(--g6qx2k0);
 }
+._1fjf5353:active {
+  background-color: var(--g6qx2k1);
+}
 ._1fjf5353:focus {
-  box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
+  box-shadow: var(--g6qx2k2v);
 }
 ._1fjf5355 {
   color: var(--g6qx2k2);
-  font-weight: var(--g6qx2k1e);
 }
 ._1fjf5355:before {
   content: "";
@@ -2319,5 +2431,5 @@
   padding-top: var(--g6qx2k1t);
 }
 ._1fjf5356:focus {
-  box-shadow: 0px 0px 0px 3px var(--g6qx2k1);
+  box-shadow: var(--g6qx2k2v);
 }