@once-ui-system/core 1.0.0

package/dist/styles/position.scss

@@ -0,0 +1,307 @@
+.position-relative {
+  position: relative;
+}
+
+.position-fixed {
+  position: fixed;
+}
+
+.position-absolute {
+  position: absolute;
+}
+
+.position-sticky {
+  position: sticky;
+}
+
+.position-static {
+  position: static;
+}
+
+.top-0 { 
+  top: 0;
+}
+  
+.left-0 { 
+  left: 0;
+}
+  
+.bottom-0 { 
+  bottom: 0;
+}
+
+.right-0 { 
+  right: 0;
+}
+
+.top-1 { 
+  top: var(--static-space-1);
+}
+
+.left-1 { 
+  left: var(--static-space-1);
+}
+
+.bottom-1 { 
+  bottom: var(--static-space-1);
+}
+
+.right-1 { 
+  right: var(--static-space-1);
+}
+
+.top-2 { 
+  top: var(--static-space-2);
+}
+
+.left-2 { 
+  left: var(--static-space-2);
+}
+
+.bottom-2 { 
+  bottom: var(--static-space-2);
+}
+
+.right-2 { 
+  right: var(--static-space-2);
+}
+
+.top-4 { 
+  top: var(--static-space-4);
+}
+
+.left-4 { 
+  left: var(--static-space-4);
+}
+
+.bottom-4 { 
+  bottom: var(--static-space-4);
+}
+
+.right-4 { 
+  right: var(--static-space-4);
+}
+
+.top-8 { 
+  top: var(--static-space-8);
+}
+
+.left-8 { 
+  left: var(--static-space-8);
+}
+
+.bottom-8 { 
+  bottom: var(--static-space-8);
+}
+
+.right-8 { 
+  right: var(--static-space-8);
+}
+
+.top-12 { 
+  top: var(--static-space-12);
+}
+
+.left-12 { 
+  left: var(--static-space-12);
+}
+
+.bottom-12 { 
+  bottom: var(--static-space-12);
+}
+
+.right-12 { 
+  right: var(--static-space-12);
+}
+
+.top-16 { 
+  top: var(--static-space-16);
+}
+
+.left-16 { 
+  left: var(--static-space-16);
+}
+
+.bottom-16 { 
+  bottom: var(--static-space-16);
+}
+
+.right-16 { 
+  right: var(--static-space-16);
+}
+
+.top-20 { 
+  top: var(--static-space-20);
+}
+
+.left-20 { 
+  left: var(--static-space-20);
+}
+
+.bottom-20 { 
+  bottom: var(--static-space-20);
+}
+
+.right-20 { 
+  right: var(--static-space-20);
+}
+
+.top-24 { 
+  top: var(--static-space-24);
+}
+
+.left-24 { 
+  left: var(--static-space-24);
+}
+
+.bottom-24 { 
+  bottom: var(--static-space-24);
+}
+
+.right-24 { 
+  right: var(--static-space-24);
+}
+
+.top-32 { 
+  top: var(--static-space-32);
+}
+
+.left-32 { 
+  left: var(--static-space-32);
+}
+
+.bottom-32 { 
+  bottom: var(--static-space-32);
+}
+
+.right-32 { 
+  right: var(--static-space-32);
+}
+
+.top-40 { 
+  top: var(--static-space-40);
+}
+
+.left-40 { 
+  left: var(--static-space-40);
+}
+
+.bottom-40 { 
+  bottom: var(--static-space-40);
+}
+
+.right-40 { 
+  right: var(--static-space-40);
+}
+
+.top-48 { 
+  top: var(--static-space-48);
+}
+
+.left-48 { 
+  left: var(--static-space-48);
+}
+
+.bottom-48 { 
+  bottom: var(--static-space-48);
+}
+
+.right-48 { 
+  right: var(--static-space-48);
+}
+
+.top-56 { 
+  top: var(--static-space-56);
+}
+
+.left-56 { 
+  left: var(--static-space-56);
+}
+
+.bottom-56 { 
+  bottom: var(--static-space-56);
+}
+
+.right-56 { 
+  right: var(--static-space-56);
+}
+
+.top-64 { 
+  top: var(--static-space-64);
+}
+
+.left-64 { 
+  left: var(--static-space-64);
+}
+
+.bottom-64 { 
+  bottom: var(--static-space-64);
+}
+
+.right-64 { 
+  right: var(--static-space-64);
+}
+
+.top-80 { 
+  top: var(--static-space-80);
+}
+
+.left-80 { 
+  left: var(--static-space-80);
+}
+
+.bottom-80 { 
+  bottom: var(--static-space-80);
+}
+
+.right-80 { 
+  right: var(--static-space-80);
+}
+
+.top-104 { 
+  top: var(--static-space-104); 
+}
+
+.left-104 { 
+  left: var(--static-space-104); 
+}
+
+.bottom-104 { 
+  bottom: var(--static-space-104); 
+}
+
+.right-104 { 
+  right: var(--static-space-104); 
+}
+
+.top-128 { 
+  top: var(--static-space-128); 
+}
+
+.left-128 { 
+  left: var(--static-space-128); 
+}
+
+.bottom-128 { 
+  bottom: var(--static-space-128); 
+}
+
+.right-128 { 
+  right: var(--static-space-128); 
+}
+
+.top-160 { 
+  top: var(--static-space-160); 
+}
+
+.left-160 { 
+  left: var(--static-space-160); 
+}
+
+.bottom-160 { 
+  bottom: var(--static-space-160); 
+}
+
+.right-160 { 
+  right: var(--static-space-160);
+}

package/dist/styles/shadow.scss

@@ -0,0 +1,19 @@
+.shadow-xs {
+    box-shadow: var(--shadow-xs);
+}
+
+.shadow-s {
+    box-shadow: var(--shadow-s);
+}
+
+.shadow-m {
+    box-shadow: var(--shadow-m);
+}
+
+.shadow-l {
+    box-shadow: var(--shadow-l);
+}
+
+.shadow-xl {
+    box-shadow: var(--shadow-xl);
+}

package/dist/styles/size.scss

@@ -0,0 +1,33 @@
+.fill-width {
+  width: 100%;
+}
+
+.fill-height {
+  height: 100%;
+}
+
+.fill {
+  width: 100%;
+  height: 100%;
+}
+
+.fit-width {
+  width: fit-content;
+}
+
+.fit-height {
+  height: fit-content;
+}
+
+.fit {
+  width: fit-content;
+  height: fit-content;
+}
+
+.min-width-0 {
+  min-width: 0;
+}
+
+.min-height-0 {
+  min-height: 0;
+}