@nimbus-ds/styles 6.3.0-rc.2 → 6.3.0-rc.4

package/dist/index.css

@@ -272,74 +272,143 @@
     height: var(--ag661f6);
   }
   .ag661ff {
-    border-radius: var(--ag661fc);
+    max-width: var(--ag661fc);
   }
   .ag661fl {
-    border-width: var(--ag661fi);
+    max-height: var(--ag661fi);
   }
   .ag661fr {
-    background-color: var(--ag661fo);
+    border-radius: var(--ag661fo);
   }
   .ag661fx {
-    border-color: var(--ag661fu);
+    border-width: var(--ag661fu);
   }
   .ag661f13 {
-    padding: var(--ag661f10);
+    background-color: var(--ag661f10);
   }
   .ag661f19 {
-    padding-top: var(--ag661f16);
+    border-color: var(--ag661f16);
   }
   .ag661f1f {
-    padding-bottom: var(--ag661f1c);
+    padding: var(--ag661f1c);
   }
   .ag661f1l {
-    padding-left: var(--ag661f1i);
+    padding-top: var(--ag661f1i);
   }
   .ag661f1r {
-    padding-right: var(--ag661f1o);
+    padding-bottom: var(--ag661f1o);
   }
   .ag661f1x {
-    margin: var(--ag661f1u);
+    padding-left: var(--ag661f1u);
   }
   .ag661f23 {
-    margin-top: var(--ag661f20);
+    padding-right: var(--ag661f20);
   }
   .ag661f29 {
-    margin-bottom: var(--ag661f26);
+    margin: var(--ag661f26);
   }
   .ag661f2f {
-    margin-left: var(--ag661f2c);
+    margin-top: var(--ag661f2c);
   }
   .ag661f2l {
-    margin-right: var(--ag661f2i);
+    margin-bottom: var(--ag661f2i);
   }
-  .ag661f2o {
+  .ag661f2r {
+    margin-left: var(--ag661f2o);
+  }
+  .ag661f2x {
+    margin-right: var(--ag661f2u);
+  }
+  .ag661f33 {
+    bottom: var(--ag661f30);
+  }
+  .ag661f39 {
+    left: var(--ag661f36);
+  }
+  .ag661f3f {
+    right: var(--ag661f3c);
+  }
+  .ag661f3l {
+    top: var(--ag661f3i);
+  }
+  .ag661f3o {
     border-style: solid;
   }
-  .ag661f2r {
+  .ag661f3r {
     border-style: none;
   }
-  .ag661f2u {
+  .ag661f3u {
     border-style: hidden;
   }
-  .ag661f2x {
+  .ag661f3x {
     border-style: dashed;
   }
-  .ag661f30 {
+  .ag661f40 {
     border-style: dotted;
   }
-  .ag661f33 {
+  .ag661f43 {
     box-sizing: border-box;
   }
-  .ag661f36 {
+  .ag661f46 {
     box-sizing: content-box;
   }
-  .ag661f39 {
+  .ag661f49 {
     cursor: auto;
   }
-  .ag661f3c {
+  .ag661f4c {
     cursor: pointer;
   }
+  .ag661f4f {
+    position: absolute;
+  }
+  .ag661f4i {
+    position: fixed;
+  }
+  .ag661f4l {
+    position: relative;
+  }
+  .ag661f4o {
+    position: static;
+  }
+  .ag661f4r {
+    position: sticky;
+  }
+  .ag661f4u {
+    overflow: visible;
+  }
+  .ag661f4x {
+    overflow: hidden;
+  }
+  .ag661f50 {
+    overflow: scroll;
+  }
+  .ag661f53 {
+    overflow: auto;
+  }
+  .ag661f56 {
+    overflow-x: visible;
+  }
+  .ag661f59 {
+    overflow-x: hidden;
+  }
+  .ag661f5c {
+    overflow-x: scroll;
+  }
+  .ag661f5f {
+    overflow-x: auto;
+  }
+  .ag661f5i {
+    overflow-y: visible;
+  }
+  .ag661f5l {
+    overflow-y: hidden;
+  }
+  .ag661f5o {
+    overflow-y: scroll;
+  }
+  .ag661f5r {
+    overflow-y: auto;
+  }
 }
 @media screen and (min-width: 672px) {
   .ag661f4 {
@@ -349,74 +418,143 @@
     height: var(--ag661f7);
   }
   .ag661fg {
-    border-radius: var(--ag661fd);
+    max-width: var(--ag661fd);
   }
   .ag661fm {
-    border-width: var(--ag661fj);
+    max-height: var(--ag661fj);
   }
   .ag661fs {
-    background-color: var(--ag661fp);
+    border-radius: var(--ag661fp);
   }
   .ag661fy {
-    border-color: var(--ag661fv);
+    border-width: var(--ag661fv);
   }
   .ag661f14 {
-    padding: var(--ag661f11);
+    background-color: var(--ag661f11);
   }
   .ag661f1a {
-    padding-top: var(--ag661f17);
+    border-color: var(--ag661f17);
   }
   .ag661f1g {
-    padding-bottom: var(--ag661f1d);
+    padding: var(--ag661f1d);
   }
   .ag661f1m {
-    padding-left: var(--ag661f1j);
+    padding-top: var(--ag661f1j);
   }
   .ag661f1s {
-    padding-right: var(--ag661f1p);
+    padding-bottom: var(--ag661f1p);
   }
   .ag661f1y {
-    margin: var(--ag661f1v);
+    padding-left: var(--ag661f1v);
   }
   .ag661f24 {
-    margin-top: var(--ag661f21);
+    padding-right: var(--ag661f21);
   }
   .ag661f2a {
-    margin-bottom: var(--ag661f27);
+    margin: var(--ag661f27);
   }
   .ag661f2g {
-    margin-left: var(--ag661f2d);
+    margin-top: var(--ag661f2d);
   }
   .ag661f2m {
-    margin-right: var(--ag661f2j);
+    margin-bottom: var(--ag661f2j);
+  }
+  .ag661f2s {
+    margin-left: var(--ag661f2p);
+  }
+  .ag661f2y {
+    margin-right: var(--ag661f2v);
+  }
+  .ag661f34 {
+    bottom: var(--ag661f31);
+  }
+  .ag661f3a {
+    left: var(--ag661f37);
+  }
+  .ag661f3g {
+    right: var(--ag661f3d);
   }
-  .ag661f2p {
+  .ag661f3m {
+    top: var(--ag661f3j);
+  }
+  .ag661f3p {
     border-style: solid;
   }
-  .ag661f2s {
+  .ag661f3s {
     border-style: none;
   }
-  .ag661f2v {
+  .ag661f3v {
     border-style: hidden;
   }
-  .ag661f2y {
+  .ag661f3y {
     border-style: dashed;
   }
-  .ag661f31 {
+  .ag661f41 {
     border-style: dotted;
   }
-  .ag661f34 {
+  .ag661f44 {
     box-sizing: border-box;
   }
-  .ag661f37 {
+  .ag661f47 {
     box-sizing: content-box;
   }
-  .ag661f3a {
+  .ag661f4a {
     cursor: auto;
   }
-  .ag661f3d {
+  .ag661f4d {
     cursor: pointer;
   }
+  .ag661f4g {
+    position: absolute;
+  }
+  .ag661f4j {
+    position: fixed;
+  }
+  .ag661f4m {
+    position: relative;
+  }
+  .ag661f4p {
+    position: static;
+  }
+  .ag661f4s {
+    position: sticky;
+  }
+  .ag661f4v {
+    overflow: visible;
+  }
+  .ag661f4y {
+    overflow: hidden;
+  }
+  .ag661f51 {
+    overflow: scroll;
+  }
+  .ag661f54 {
+    overflow: auto;
+  }
+  .ag661f57 {
+    overflow-x: visible;
+  }
+  .ag661f5a {
+    overflow-x: hidden;
+  }
+  .ag661f5d {
+    overflow-x: scroll;
+  }
+  .ag661f5g {
+    overflow-x: auto;
+  }
+  .ag661f5j {
+    overflow-y: visible;
+  }
+  .ag661f5m {
+    overflow-y: hidden;
+  }
+  .ag661f5p {
+    overflow-y: scroll;
+  }
+  .ag661f5s {
+    overflow-y: auto;
+  }
 }
 @media screen and (min-width: 1024px) {
   .ag661f5 {
@@ -426,74 +564,143 @@
     height: var(--ag661f8);
   }
   .ag661fh {
-    border-radius: var(--ag661fe);
+    max-width: var(--ag661fe);
   }
   .ag661fn {
-    border-width: var(--ag661fk);
+    max-height: var(--ag661fk);
   }
   .ag661ft {
-    background-color: var(--ag661fq);
+    border-radius: var(--ag661fq);
   }
   .ag661fz {
-    border-color: var(--ag661fw);
+    border-width: var(--ag661fw);
   }
   .ag661f15 {
-    padding: var(--ag661f12);
+    background-color: var(--ag661f12);
   }
   .ag661f1b {
-    padding-top: var(--ag661f18);
+    border-color: var(--ag661f18);
   }
   .ag661f1h {
-    padding-bottom: var(--ag661f1e);
+    padding: var(--ag661f1e);
   }
   .ag661f1n {
-    padding-left: var(--ag661f1k);
+    padding-top: var(--ag661f1k);
   }
   .ag661f1t {
-    padding-right: var(--ag661f1q);
+    padding-bottom: var(--ag661f1q);
   }
   .ag661f1z {
-    margin: var(--ag661f1w);
+    padding-left: var(--ag661f1w);
   }
   .ag661f25 {
-    margin-top: var(--ag661f22);
+    padding-right: var(--ag661f22);
   }
   .ag661f2b {
-    margin-bottom: var(--ag661f28);
+    margin: var(--ag661f28);
   }
   .ag661f2h {
-    margin-left: var(--ag661f2e);
+    margin-top: var(--ag661f2e);
   }
   .ag661f2n {
-    margin-right: var(--ag661f2k);
+    margin-bottom: var(--ag661f2k);
+  }
+  .ag661f2t {
+    margin-left: var(--ag661f2q);
+  }
+  .ag661f2z {
+    margin-right: var(--ag661f2w);
+  }
+  .ag661f35 {
+    bottom: var(--ag661f32);
+  }
+  .ag661f3b {
+    left: var(--ag661f38);
+  }
+  .ag661f3h {
+    right: var(--ag661f3e);
+  }
+  .ag661f3n {
+    top: var(--ag661f3k);
   }
-  .ag661f2q {
+  .ag661f3q {
     border-style: solid;
   }
-  .ag661f2t {
+  .ag661f3t {
     border-style: none;
   }
-  .ag661f2w {
+  .ag661f3w {
     border-style: hidden;
   }
-  .ag661f2z {
+  .ag661f3z {
     border-style: dashed;
   }
-  .ag661f32 {
+  .ag661f42 {
     border-style: dotted;
   }
-  .ag661f35 {
+  .ag661f45 {
     box-sizing: border-box;
   }
-  .ag661f38 {
+  .ag661f48 {
     box-sizing: content-box;
   }
-  .ag661f3b {
+  .ag661f4b {
     cursor: auto;
   }
-  .ag661f3e {
+  .ag661f4e {
     cursor: pointer;
   }
+  .ag661f4h {
+    position: absolute;
+  }
+  .ag661f4k {
+    position: fixed;
+  }
+  .ag661f4n {
+    position: relative;
+  }
+  .ag661f4q {
+    position: static;
+  }
+  .ag661f4t {
+    position: sticky;
+  }
+  .ag661f4w {
+    overflow: visible;
+  }
+  .ag661f4z {
+    overflow: hidden;
+  }
+  .ag661f52 {
+    overflow: scroll;
+  }
+  .ag661f55 {
+    overflow: auto;
+  }
+  .ag661f58 {
+    overflow-x: visible;
+  }
+  .ag661f5b {
+    overflow-x: hidden;
+  }
+  .ag661f5e {
+    overflow-x: scroll;
+  }
+  .ag661f5h {
+    overflow-x: auto;
+  }
+  .ag661f5k {
+    overflow-y: visible;
+  }
+  .ag661f5n {
+    overflow-y: hidden;
+  }
+  .ag661f5q {
+    overflow-y: scroll;
+  }
+  .ag661f5t {
+    overflow-y: auto;
+  }
 }
 ._1pga1rd0 {
   display: flex;
@@ -1778,78 +1985,81 @@
     grid-template-rows: var(--_1yn989fu);
   }
   ._1yn989f13 {
-    gap: var(--_1yn989f10);
+    grid-area: var(--_1yn989f10);
   }
   ._1yn989f19 {
-    grid-gap: var(--_1yn989f16);
+    gap: var(--_1yn989f16);
   }
-  ._1yn989f1c {
+  ._1yn989f1f {
+    grid-gap: var(--_1yn989f1c);
+  }
+  ._1yn989f1i {
     display: block;
   }
-  ._1yn989f1f {
+  ._1yn989f1l {
     display: flex;
   }
-  ._1yn989f1i {
+  ._1yn989f1o {
     display: inline-flex;
   }
-  ._1yn989f1l {
+  ._1yn989f1r {
     display: grid;
   }
-  ._1yn989f1o {
+  ._1yn989f1u {
     display: inline-grid;
   }
-  ._1yn989f1r {
+  ._1yn989f1x {
     flex-direction: row;
   }
-  ._1yn989f1u {
+  ._1yn989f20 {
     flex-direction: row-reverse;
   }
-  ._1yn989f1x {
+  ._1yn989f23 {
     flex-direction: column;
   }
-  ._1yn989f20 {
+  ._1yn989f26 {
     flex-direction: column-reverse;
   }
-  ._1yn989f23 {
+  ._1yn989f29 {
     flex-wrap: nowrap;
   }
-  ._1yn989f26 {
+  ._1yn989f2c {
     flex-wrap: wrap;
   }
-  ._1yn989f29 {
+  ._1yn989f2f {
     flex-wrap: wrap-reverse;
   }
-  ._1yn989f2c {
+  ._1yn989f2i {
     justify-content: flex-start;
   }
-  ._1yn989f2f {
+  ._1yn989f2l {
     justify-content: flex-end;
   }
-  ._1yn989f2i {
+  ._1yn989f2o {
     justify-content: center;
   }
-  ._1yn989f2l {
+  ._1yn989f2r {
     justify-content: space-between;
   }
-  ._1yn989f2o {
+  ._1yn989f2u {
     justify-content: space-around;
   }
-  ._1yn989f2r {
+  ._1yn989f2x {
     justify-content: space-evenly;
   }
-  ._1yn989f2u {
+  ._1yn989f30 {
     align-items: stretch;
   }
-  ._1yn989f2x {
+  ._1yn989f33 {
     align-items: flex-start;
   }
-  ._1yn989f30 {
+  ._1yn989f36 {
     align-items: flex-end;
   }
-  ._1yn989f33 {
+  ._1yn989f39 {
     align-items: center;
   }
-  ._1yn989f36 {
+  ._1yn989f3c {
     align-items: baseline;
   }
 }
@@ -1873,78 +2083,81 @@
     grid-template-rows: var(--_1yn989fv);
   }
   ._1yn989f14 {
-    gap: var(--_1yn989f11);
+    grid-area: var(--_1yn989f11);
   }
   ._1yn989f1a {
-    grid-gap: var(--_1yn989f17);
+    gap: var(--_1yn989f17);
+  }
+  ._1yn989f1g {
+    grid-gap: var(--_1yn989f1d);
   }
-  ._1yn989f1d {
+  ._1yn989f1j {
     display: block;
   }
-  ._1yn989f1g {
+  ._1yn989f1m {
     display: flex;
   }
-  ._1yn989f1j {
+  ._1yn989f1p {
     display: inline-flex;
   }
-  ._1yn989f1m {
+  ._1yn989f1s {
     display: grid;
   }
-  ._1yn989f1p {
+  ._1yn989f1v {
     display: inline-grid;
   }
-  ._1yn989f1s {
+  ._1yn989f1y {
     flex-direction: row;
   }
-  ._1yn989f1v {
+  ._1yn989f21 {
     flex-direction: row-reverse;
   }
-  ._1yn989f1y {
+  ._1yn989f24 {
     flex-direction: column;
   }
-  ._1yn989f21 {
+  ._1yn989f27 {
     flex-direction: column-reverse;
   }
-  ._1yn989f24 {
+  ._1yn989f2a {
     flex-wrap: nowrap;
   }
-  ._1yn989f27 {
+  ._1yn989f2d {
     flex-wrap: wrap;
   }
-  ._1yn989f2a {
+  ._1yn989f2g {
     flex-wrap: wrap-reverse;
   }
-  ._1yn989f2d {
+  ._1yn989f2j {
     justify-content: flex-start;
   }
-  ._1yn989f2g {
+  ._1yn989f2m {
     justify-content: flex-end;
   }
-  ._1yn989f2j {
+  ._1yn989f2p {
     justify-content: center;
   }
-  ._1yn989f2m {
+  ._1yn989f2s {
     justify-content: space-between;
   }
-  ._1yn989f2p {
+  ._1yn989f2v {
     justify-content: space-around;
   }
-  ._1yn989f2s {
+  ._1yn989f2y {
     justify-content: space-evenly;
   }
-  ._1yn989f2v {
+  ._1yn989f31 {
     align-items: stretch;
   }
-  ._1yn989f2y {
+  ._1yn989f34 {
     align-items: flex-start;
   }
-  ._1yn989f31 {
+  ._1yn989f37 {
     align-items: flex-end;
   }
-  ._1yn989f34 {
+  ._1yn989f3a {
     align-items: center;
   }
-  ._1yn989f37 {
+  ._1yn989f3d {
     align-items: baseline;
   }
 }
@@ -1968,78 +2181,81 @@
     grid-template-rows: var(--_1yn989fw);
   }
   ._1yn989f15 {
-    gap: var(--_1yn989f12);
+    grid-area: var(--_1yn989f12);
   }
   ._1yn989f1b {
-    grid-gap: var(--_1yn989f18);
+    gap: var(--_1yn989f18);
   }
-  ._1yn989f1e {
+  ._1yn989f1h {
+    grid-gap: var(--_1yn989f1e);
+  }
+  ._1yn989f1k {
     display: block;
   }
-  ._1yn989f1h {
+  ._1yn989f1n {
     display: flex;
   }
-  ._1yn989f1k {
+  ._1yn989f1q {
     display: inline-flex;
   }
-  ._1yn989f1n {
+  ._1yn989f1t {
     display: grid;
   }
-  ._1yn989f1q {
+  ._1yn989f1w {
     display: inline-grid;
   }
-  ._1yn989f1t {
+  ._1yn989f1z {
     flex-direction: row;
   }
-  ._1yn989f1w {
+  ._1yn989f22 {
     flex-direction: row-reverse;
   }
-  ._1yn989f1z {
+  ._1yn989f25 {
     flex-direction: column;
   }
-  ._1yn989f22 {
+  ._1yn989f28 {
     flex-direction: column-reverse;
   }
-  ._1yn989f25 {
+  ._1yn989f2b {
     flex-wrap: nowrap;
   }
-  ._1yn989f28 {
+  ._1yn989f2e {
     flex-wrap: wrap;
   }
-  ._1yn989f2b {
+  ._1yn989f2h {
     flex-wrap: wrap-reverse;
   }
-  ._1yn989f2e {
+  ._1yn989f2k {
     justify-content: flex-start;
   }
-  ._1yn989f2h {
+  ._1yn989f2n {
     justify-content: flex-end;
   }
-  ._1yn989f2k {
+  ._1yn989f2q {
     justify-content: center;
   }
-  ._1yn989f2n {
+  ._1yn989f2t {
     justify-content: space-between;
   }
-  ._1yn989f2q {
+  ._1yn989f2w {
     justify-content: space-around;
   }
-  ._1yn989f2t {
+  ._1yn989f2z {
     justify-content: space-evenly;
   }
-  ._1yn989f2w {
+  ._1yn989f32 {
     align-items: stretch;
   }
-  ._1yn989f2z {
+  ._1yn989f35 {
     align-items: flex-start;
   }
-  ._1yn989f32 {
+  ._1yn989f38 {
     align-items: flex-end;
   }
-  ._1yn989f35 {
+  ._1yn989f3b {
     align-items: center;
   }
-  ._1yn989f38 {
+  ._1yn989f3e {
     align-items: baseline;
   }
 }