@womp/kookie-ui 0.20.0 → 0.22.0

package/src/styles/utilities/padding.css

@@ -5,75 +5,75 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-p {
+  .kui-r-p {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-p-0 {
+  .kui-r-p-0 {
     padding: 0;
   }
-  .rt-r-p-1 {
+  .kui-r-p-1 {
     padding: var(--space-1);
   }
-  .rt-r-p-2 {
+  .kui-r-p-2 {
     padding: var(--space-2);
   }
-  .rt-r-p-3 {
+  .kui-r-p-3 {
     padding: var(--space-3);
   }
-  .rt-r-p-4 {
+  .kui-r-p-4 {
     padding: var(--space-4);
   }
-  .rt-r-p-5 {
+  .kui-r-p-5 {
     padding: var(--space-5);
   }
-  .rt-r-p-6 {
+  .kui-r-p-6 {
     padding: var(--space-6);
   }
-  .rt-r-p-7 {
+  .kui-r-p-7 {
     padding: var(--space-7);
   }
-  .rt-r-p-8 {
+  .kui-r-p-8 {
     padding: var(--space-8);
   }
-  .rt-r-p-9 {
+  .kui-r-p-9 {
     padding: var(--space-9);
   }
-  .rt-r-p-10 {
+  .kui-r-p-10 {
     padding: var(--space-10);
   }
-  .rt-r-p-11 {
+  .kui-r-p-11 {
     padding: var(--space-11);
   }
-  .rt-r-p-12 {
+  .kui-r-p-12 {
     padding: var(--space-12);
   }
 }
 
-.rt-r-p {
+.kui-r-p {
   padding: var(--p);
 }
 @media (--xs) {
-  .xs\:rt-r-p {
+  .xs\:kui-r-p {
     padding: var(--p-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-p {
+  .sm\:kui-r-p {
     padding: var(--p-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-p {
+  .md\:kui-r-p {
     padding: var(--p-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-p {
+  .lg\:kui-r-p {
     padding: var(--p-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-p {
+  .xl\:kui-r-p {
     padding: var(--p-xl);
   }
 }
@@ -85,93 +85,93 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-px {
+  .kui-r-px {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-px-0 {
+  .kui-r-px-0 {
     padding-left: 0;
     padding-right: 0;
   }
-  .rt-r-px-1 {
+  .kui-r-px-1 {
     padding-left: var(--space-1);
     padding-right: var(--space-1);
   }
-  .rt-r-px-2 {
+  .kui-r-px-2 {
     padding-left: var(--space-2);
     padding-right: var(--space-2);
   }
-  .rt-r-px-3 {
+  .kui-r-px-3 {
     padding-left: var(--space-3);
     padding-right: var(--space-3);
   }
-  .rt-r-px-4 {
+  .kui-r-px-4 {
     padding-left: var(--space-4);
     padding-right: var(--space-4);
   }
-  .rt-r-px-5 {
+  .kui-r-px-5 {
     padding-left: var(--space-5);
     padding-right: var(--space-5);
   }
-  .rt-r-px-6 {
+  .kui-r-px-6 {
     padding-left: var(--space-6);
     padding-right: var(--space-6);
   }
-  .rt-r-px-7 {
+  .kui-r-px-7 {
     padding-left: var(--space-7);
     padding-right: var(--space-7);
   }
-  .rt-r-px-8 {
+  .kui-r-px-8 {
     padding-left: var(--space-8);
     padding-right: var(--space-8);
   }
-  .rt-r-px-9 {
+  .kui-r-px-9 {
     padding-left: var(--space-9);
     padding-right: var(--space-9);
   }
-  .rt-r-px-10 {
+  .kui-r-px-10 {
     padding-left: var(--space-10);
     padding-right: var(--space-10);
   }
-  .rt-r-px-11 {
+  .kui-r-px-11 {
     padding-left: var(--space-11);
     padding-right: var(--space-11);
   }
-  .rt-r-px-12 {
+  .kui-r-px-12 {
     padding-left: var(--space-12);
     padding-right: var(--space-12);
   }
 }
 
-.rt-r-px {
+.kui-r-px {
   padding-left: var(--pl);
   padding-right: var(--pr);
 }
 @media (--xs) {
-  .xs\:rt-r-px {
+  .xs\:kui-r-px {
     padding-left: var(--pl-xs);
     padding-right: var(--pr-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-px {
+  .sm\:kui-r-px {
     padding-left: var(--pl-sm);
     padding-right: var(--pr-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-px {
+  .md\:kui-r-px {
     padding-left: var(--pl-md);
     padding-right: var(--pr-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-px {
+  .lg\:kui-r-px {
     padding-left: var(--pl-lg);
     padding-right: var(--pr-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-px {
+  .xl\:kui-r-px {
     padding-left: var(--pl-xl);
     padding-right: var(--pr-xl);
   }
@@ -184,93 +184,93 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-py {
+  .kui-r-py {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-py-0 {
+  .kui-r-py-0 {
     padding-top: 0;
     padding-bottom: 0;
   }
-  .rt-r-py-1 {
+  .kui-r-py-1 {
     padding-top: var(--space-1);
     padding-bottom: var(--space-1);
   }
-  .rt-r-py-2 {
+  .kui-r-py-2 {
     padding-top: var(--space-2);
     padding-bottom: var(--space-2);
   }
-  .rt-r-py-3 {
+  .kui-r-py-3 {
     padding-top: var(--space-3);
     padding-bottom: var(--space-3);
   }
-  .rt-r-py-4 {
+  .kui-r-py-4 {
     padding-top: var(--space-4);
     padding-bottom: var(--space-4);
   }
-  .rt-r-py-5 {
+  .kui-r-py-5 {
     padding-top: var(--space-5);
     padding-bottom: var(--space-5);
   }
-  .rt-r-py-6 {
+  .kui-r-py-6 {
     padding-top: var(--space-6);
     padding-bottom: var(--space-6);
   }
-  .rt-r-py-7 {
+  .kui-r-py-7 {
     padding-top: var(--space-7);
     padding-bottom: var(--space-7);
   }
-  .rt-r-py-8 {
+  .kui-r-py-8 {
     padding-top: var(--space-8);
     padding-bottom: var(--space-8);
   }
-  .rt-r-py-9 {
+  .kui-r-py-9 {
     padding-top: var(--space-9);
     padding-bottom: var(--space-9);
   }
-  .rt-r-py-10 {
+  .kui-r-py-10 {
     padding-top: var(--space-10);
     padding-bottom: var(--space-10);
   }
-  .rt-r-py-11 {
+  .kui-r-py-11 {
     padding-top: var(--space-11);
     padding-bottom: var(--space-11);
   }
-  .rt-r-py-12 {
+  .kui-r-py-12 {
     padding-top: var(--space-12);
     padding-bottom: var(--space-12);
   }
 }
 
-.rt-r-py {
+.kui-r-py {
   padding-top: var(--pt);
   padding-bottom: var(--pb);
 }
 @media (--xs) {
-  .xs\:rt-r-py {
+  .xs\:kui-r-py {
     padding-top: var(--pt-xs);
     padding-bottom: var(--pb-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-py {
+  .sm\:kui-r-py {
     padding-top: var(--pt-sm);
     padding-bottom: var(--pb-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-py {
+  .md\:kui-r-py {
     padding-top: var(--pt-md);
     padding-bottom: var(--pb-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-py {
+  .lg\:kui-r-py {
     padding-top: var(--pt-lg);
     padding-bottom: var(--pb-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-py {
+  .xl\:kui-r-py {
     padding-top: var(--pt-xl);
     padding-bottom: var(--pb-xl);
   }
@@ -283,75 +283,75 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-pt {
+  .kui-r-pt {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-pt-0 {
+  .kui-r-pt-0 {
     padding-top: 0;
   }
-  .rt-r-pt-1 {
+  .kui-r-pt-1 {
     padding-top: var(--space-1);
   }
-  .rt-r-pt-2 {
+  .kui-r-pt-2 {
     padding-top: var(--space-2);
   }
-  .rt-r-pt-3 {
+  .kui-r-pt-3 {
     padding-top: var(--space-3);
   }
-  .rt-r-pt-4 {
+  .kui-r-pt-4 {
     padding-top: var(--space-4);
   }
-  .rt-r-pt-5 {
+  .kui-r-pt-5 {
     padding-top: var(--space-5);
   }
-  .rt-r-pt-6 {
+  .kui-r-pt-6 {
     padding-top: var(--space-6);
   }
-  .rt-r-pt-7 {
+  .kui-r-pt-7 {
     padding-top: var(--space-7);
   }
-  .rt-r-pt-8 {
+  .kui-r-pt-8 {
     padding-top: var(--space-8);
   }
-  .rt-r-pt-9 {
+  .kui-r-pt-9 {
     padding-top: var(--space-9);
   }
-  .rt-r-pt-10 {
+  .kui-r-pt-10 {
     padding-top: var(--space-10);
   }
-  .rt-r-pt-11 {
+  .kui-r-pt-11 {
     padding-top: var(--space-11);
   }
-  .rt-r-pt-12 {
+  .kui-r-pt-12 {
     padding-top: var(--space-12);
   }
 }
 
-.rt-r-pt {
+.kui-r-pt {
   padding-top: var(--pt);
 }
 @media (--xs) {
-  .xs\:rt-r-pt {
+  .xs\:kui-r-pt {
     padding-top: var(--pt-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-pt {
+  .sm\:kui-r-pt {
     padding-top: var(--pt-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-pt {
+  .md\:kui-r-pt {
     padding-top: var(--pt-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-pt {
+  .lg\:kui-r-pt {
     padding-top: var(--pt-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-pt {
+  .xl\:kui-r-pt {
     padding-top: var(--pt-xl);
   }
 }
@@ -363,75 +363,75 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-pr {
+  .kui-r-pr {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-pr-0 {
+  .kui-r-pr-0 {
     padding-right: 0;
   }
-  .rt-r-pr-1 {
+  .kui-r-pr-1 {
     padding-right: var(--space-1);
   }
-  .rt-r-pr-2 {
+  .kui-r-pr-2 {
     padding-right: var(--space-2);
   }
-  .rt-r-pr-3 {
+  .kui-r-pr-3 {
     padding-right: var(--space-3);
   }
-  .rt-r-pr-4 {
+  .kui-r-pr-4 {
     padding-right: var(--space-4);
   }
-  .rt-r-pr-5 {
+  .kui-r-pr-5 {
     padding-right: var(--space-5);
   }
-  .rt-r-pr-6 {
+  .kui-r-pr-6 {
     padding-right: var(--space-6);
   }
-  .rt-r-pr-7 {
+  .kui-r-pr-7 {
     padding-right: var(--space-7);
   }
-  .rt-r-pr-8 {
+  .kui-r-pr-8 {
     padding-right: var(--space-8);
   }
-  .rt-r-pr-9 {
+  .kui-r-pr-9 {
     padding-right: var(--space-9);
   }
-  .rt-r-pr-10 {
+  .kui-r-pr-10 {
     padding-right: var(--space-10);
   }
-  .rt-r-pr-11 {
+  .kui-r-pr-11 {
     padding-right: var(--space-11);
   }
-  .rt-r-pr-12 {
+  .kui-r-pr-12 {
     padding-right: var(--space-12);
   }
 }
 
-.rt-r-pr {
+.kui-r-pr {
   padding-right: var(--pr);
 }
 @media (--xs) {
-  .xs\:rt-r-pr {
+  .xs\:kui-r-pr {
     padding-right: var(--pr-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-pr {
+  .sm\:kui-r-pr {
     padding-right: var(--pr-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-pr {
+  .md\:kui-r-pr {
     padding-right: var(--pr-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-pr {
+  .lg\:kui-r-pr {
     padding-right: var(--pr-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-pr {
+  .xl\:kui-r-pr {
     padding-right: var(--pr-xl);
   }
 }
@@ -443,75 +443,75 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-pb {
+  .kui-r-pb {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-pb-0 {
+  .kui-r-pb-0 {
     padding-bottom: 0;
   }
-  .rt-r-pb-1 {
+  .kui-r-pb-1 {
     padding-bottom: var(--space-1);
   }
-  .rt-r-pb-2 {
+  .kui-r-pb-2 {
     padding-bottom: var(--space-2);
   }
-  .rt-r-pb-3 {
+  .kui-r-pb-3 {
     padding-bottom: var(--space-3);
   }
-  .rt-r-pb-4 {
+  .kui-r-pb-4 {
     padding-bottom: var(--space-4);
   }
-  .rt-r-pb-5 {
+  .kui-r-pb-5 {
     padding-bottom: var(--space-5);
   }
-  .rt-r-pb-6 {
+  .kui-r-pb-6 {
     padding-bottom: var(--space-6);
   }
-  .rt-r-pb-7 {
+  .kui-r-pb-7 {
     padding-bottom: var(--space-7);
   }
-  .rt-r-pb-8 {
+  .kui-r-pb-8 {
     padding-bottom: var(--space-8);
   }
-  .rt-r-pb-9 {
+  .kui-r-pb-9 {
     padding-bottom: var(--space-9);
   }
-  .rt-r-pb-10 {
+  .kui-r-pb-10 {
     padding-bottom: var(--space-10);
   }
-  .rt-r-pb-11 {
+  .kui-r-pb-11 {
     padding-bottom: var(--space-11);
   }
-  .rt-r-pb-12 {
+  .kui-r-pb-12 {
     padding-bottom: var(--space-12);
   }
 }
 
-.rt-r-pb {
+.kui-r-pb {
   padding-bottom: var(--pb);
 }
 @media (--xs) {
-  .xs\:rt-r-pb {
+  .xs\:kui-r-pb {
     padding-bottom: var(--pb-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-pb {
+  .sm\:kui-r-pb {
     padding-bottom: var(--pb-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-pb {
+  .md\:kui-r-pb {
     padding-bottom: var(--pb-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-pb {
+  .lg\:kui-r-pb {
     padding-bottom: var(--pb-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-pb {
+  .xl\:kui-r-pb {
     padding-bottom: var(--pb-xl);
   }
 }
@@ -523,75 +523,75 @@
 /* * * * * * * * * * * * * * * * * * * */
 
 @breakpoints {
-  .rt-r-pl {
+  .kui-r-pl {
     /* Keep this selector here to maintain the source order */
   }
-  .rt-r-pl-0 {
+  .kui-r-pl-0 {
     padding-left: 0;
   }
-  .rt-r-pl-1 {
+  .kui-r-pl-1 {
     padding-left: var(--space-1);
   }
-  .rt-r-pl-2 {
+  .kui-r-pl-2 {
     padding-left: var(--space-2);
   }
-  .rt-r-pl-3 {
+  .kui-r-pl-3 {
     padding-left: var(--space-3);
   }
-  .rt-r-pl-4 {
+  .kui-r-pl-4 {
     padding-left: var(--space-4);
   }
-  .rt-r-pl-5 {
+  .kui-r-pl-5 {
     padding-left: var(--space-5);
   }
-  .rt-r-pl-6 {
+  .kui-r-pl-6 {
     padding-left: var(--space-6);
   }
-  .rt-r-pl-7 {
+  .kui-r-pl-7 {
     padding-left: var(--space-7);
   }
-  .rt-r-pl-8 {
+  .kui-r-pl-8 {
     padding-left: var(--space-8);
   }
-  .rt-r-pl-9 {
+  .kui-r-pl-9 {
     padding-left: var(--space-9);
   }
-  .rt-r-pl-10 {
+  .kui-r-pl-10 {
     padding-left: var(--space-10);
   }
-  .rt-r-pl-11 {
+  .kui-r-pl-11 {
     padding-left: var(--space-11);
   }
-  .rt-r-pl-12 {
+  .kui-r-pl-12 {
     padding-left: var(--space-12);
   }
 }
 
-.rt-r-pl {
+.kui-r-pl {
   padding-left: var(--pl);
 }
 @media (--xs) {
-  .xs\:rt-r-pl {
+  .xs\:kui-r-pl {
     padding-left: var(--pl-xs);
   }
 }
 @media (--sm) {
-  .sm\:rt-r-pl {
+  .sm\:kui-r-pl {
     padding-left: var(--pl-sm);
   }
 }
 @media (--md) {
-  .md\:rt-r-pl {
+  .md\:kui-r-pl {
     padding-left: var(--pl-md);
   }
 }
 @media (--lg) {
-  .lg\:rt-r-pl {
+  .lg\:kui-r-pl {
     padding-left: var(--pl-lg);
   }
 }
 @media (--xl) {
-  .xl\:rt-r-pl {
+  .xl\:kui-r-pl {
     padding-left: var(--pl-xl);
   }
 }