@womp/kookie-ui 0.20.0 → 0.21.0

package/layout/components.css

@@ -26,226 +26,3 @@
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: none;
 }
-.rt-Section {
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-.rt-Section:where(.rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-}
-.rt-Section:where(.rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-}
-.rt-Section:where(.rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-}
-.rt-Section:where(.rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-}
-@media (min-width: 520px) {
-    .rt-Section:where(.xs\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.xs\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.xs\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.xs\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 768px) {
-    .rt-Section:where(.sm\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.sm\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.sm\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.sm\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1024px) {
-    .rt-Section:where(.md\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.md\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.md\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.md\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1280px) {
-    .rt-Section:where(.lg\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.lg\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.lg\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.lg\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1640px) {
-    .rt-Section:where(.xl\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.xl\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.xl\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.xl\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-.radix-themes {
-    --container-1: 448px;
-    --container-2: 688px;
-    --container-3: 880px;
-    --container-4: 1136px;
-}
-.rt-Container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
-    min-width: 0;
-}
-.rt-ContainerInner {
-    width: 100%;
-}
-:where(.rt-Container.rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-}
-:where(.rt-Container.rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-}
-:where(.rt-Container.rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-}
-:where(.rt-Container.rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-}
-@media (min-width: 520px) {
-    :where(.rt-Container.xs\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.xs\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.xs\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.xs\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 768px) {
-    :where(.rt-Container.sm\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.sm\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.sm\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.sm\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1024px) {
-    :where(.rt-Container.md\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.md\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.md\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.md\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1280px) {
-    :where(.rt-Container.lg\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.lg\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.lg\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.lg\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1640px) {
-    :where(.rt-Container.xl\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.xl\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.xl\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.xl\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}

package/layout.css

@@ -78,10 +78,6 @@
     --overlay-w-2: calc(440px * var(--scale));
     --overlay-w-3: calc(560px * var(--scale));
     --overlay-w-4: calc(720px * var(--scale));
-    --container-1: 448px;
-    --container-2: 688px;
-    --container-3: 880px;
-    --container-4: 1136px;
 }
 .rt-Box {
     -webkit-box-sizing: border-box;
@@ -111,223 +107,6 @@
     grid-template-columns: minmax(0, 1fr);
     grid-template-rows: none;
 }
-.rt-Section {
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-}
-.rt-Section:where(.rt-r-size-1) {
-    padding-top: var(--space-6);
-    padding-bottom: var(--space-6);
-}
-.rt-Section:where(.rt-r-size-2) {
-    padding-top: var(--space-8);
-    padding-bottom: var(--space-8);
-}
-.rt-Section:where(.rt-r-size-3) {
-    padding-top: var(--space-10);
-    padding-bottom: var(--space-10);
-}
-.rt-Section:where(.rt-r-size-4) {
-    padding-top: calc(80px * var(--scale));
-    padding-bottom: calc(80px * var(--scale));
-}
-@media (min-width: 520px) {
-    .rt-Section:where(.xs\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.xs\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.xs\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.xs\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 768px) {
-    .rt-Section:where(.sm\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.sm\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.sm\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.sm\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1024px) {
-    .rt-Section:where(.md\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.md\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.md\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.md\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1280px) {
-    .rt-Section:where(.lg\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.lg\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.lg\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.lg\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-@media (min-width: 1640px) {
-    .rt-Section:where(.xl\:rt-r-size-1) {
-        padding-top: var(--space-6);
-        padding-bottom: var(--space-6);
-    }
-    .rt-Section:where(.xl\:rt-r-size-2) {
-        padding-top: var(--space-8);
-        padding-bottom: var(--space-8);
-    }
-    .rt-Section:where(.xl\:rt-r-size-3) {
-        padding-top: var(--space-10);
-        padding-bottom: var(--space-10);
-    }
-    .rt-Section:where(.xl\:rt-r-size-4) {
-        padding-top: calc(80px * var(--scale));
-        padding-bottom: calc(80px * var(--scale));
-    }
-}
-.rt-Container {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    -webkit-box-flex: 1;
-        -ms-flex-positive: 1;
-            flex-grow: 1;
-    min-width: 0;
-}
-.rt-ContainerInner {
-    width: 100%;
-}
-:where(.rt-Container.rt-r-size-1) .rt-ContainerInner {
-    max-width: var(--container-1);
-}
-:where(.rt-Container.rt-r-size-2) .rt-ContainerInner {
-    max-width: var(--container-2);
-}
-:where(.rt-Container.rt-r-size-3) .rt-ContainerInner {
-    max-width: var(--container-3);
-}
-:where(.rt-Container.rt-r-size-4) .rt-ContainerInner {
-    max-width: var(--container-4);
-}
-@media (min-width: 520px) {
-    :where(.rt-Container.xs\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.xs\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.xs\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.xs\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 768px) {
-    :where(.rt-Container.sm\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.sm\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.sm\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.sm\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1024px) {
-    :where(.rt-Container.md\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.md\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.md\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.md\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1280px) {
-    :where(.rt-Container.lg\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.lg\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.lg\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.lg\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
-@media (min-width: 1640px) {
-    :where(.rt-Container.xl\:rt-r-size-1) .rt-ContainerInner {
-        max-width: var(--container-1);
-    }
-    :where(.rt-Container.xl\:rt-r-size-2) .rt-ContainerInner {
-        max-width: var(--container-2);
-    }
-    :where(.rt-Container.xl\:rt-r-size-3) .rt-ContainerInner {
-        max-width: var(--container-3);
-    }
-    :where(.rt-Container.xl\:rt-r-size-4) .rt-ContainerInner {
-        max-width: var(--container-4);
-    }
-}
 .rt-r-ac-start {
     -ms-flex-line-pack: start;
         align-content: start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@womp/kookie-ui",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Kookie UI v1: a React component library with design tokens, flexible theming, a full layout shell, and comprehensive documentation.",
   "keywords": [
     "react",

package/schemas/base-button.json

@@ -139,11 +139,6 @@
           "description": "Loading state that shows a spinner and disables interaction",
           "type": "boolean"
         },
-        "flush": {
-          "default": false,
-          "description": "Flush mode that removes visual padding for seamless text integration",
-          "type": "boolean"
-        },
         "disabled": {
           "default": false,
           "description": "Disabled state",

package/schemas/button.json

@@ -139,11 +139,6 @@
           "description": "Loading state that shows a spinner and disables interaction",
           "type": "boolean"
         },
-        "flush": {
-          "default": false,
-          "description": "Flush mode that removes visual padding for seamless text integration",
-          "type": "boolean"
-        },
         "disabled": {
           "default": false,
           "description": "Disabled state",