@womp/kookie-ui 0.15.1 → 0.17.0

package/src/styles/tokens/blur.css

@@ -1,63 +0,0 @@
-:where(.radix-themes) {
-  --blur-factor: 1;
-  --blur-1: calc(2px * var(--scaling) * var(--blur-factor));
-  --blur-2: calc(4px * var(--scaling) * var(--blur-factor));
-  --blur-3: calc(8px * var(--scaling) * var(--blur-factor));
-  --blur-4: calc(12px * var(--scaling) * var(--blur-factor));
-  --blur-5: calc(16px * var(--scaling) * var(--blur-factor));
-  --blur-6: calc(20px * var(--scaling) * var(--blur-factor));
-  --blur-7: calc(28px * var(--scaling) * var(--blur-factor));
-  --blur-8: calc(36px * var(--scaling) * var(--blur-factor));
-  --blur-9: calc(44px * var(--scaling) * var(--blur-factor));
-  --blur-10: calc(52px * var(--scaling) * var(--blur-factor));
-  --blur-11: calc(60px * var(--scaling) * var(--blur-factor));
-  --blur-12: calc(68px * var(--scaling) * var(--blur-factor));
-}
-
-[data-blur='none'] {
-  --blur-factor: 0;
-
-  /*
-   * `backdrop-filter: blur(0px)` is not free. The browser still snapshots the
-   * backdrop, runs the filter and composites the result, so a zeroed blur
-   * factor alone costs as much per frame as a full blur. Only switching the
-   * property off entirely actually skips that work, so disable the filters
-   * rather than relying on the factor.
-   */
-  --backdrop-filter-components-enabled: none;
-  --backdrop-filter-panel-enabled: none;
-  --backdrop-filter-dialog-enabled: none;
-}
-
-/*
- * Readers who have asked their OS to reduce transparency get the same
- * treatment: no translucency to see, and none of the compositing cost.
- */
-@media (prefers-reduced-transparency: reduce) {
-  /*
-   * Deliberately not wrapped in `:where()`: this has to outrank the enabled
-   * values in tokens/constants.css, and a media query adds no specificity of
-   * its own.
-   */
-  .radix-themes {
-    --backdrop-filter-components-enabled: none;
-    --backdrop-filter-panel-enabled: none;
-    --backdrop-filter-dialog-enabled: none;
-  }
-}
-
-[data-blur='small'] {
-  --blur-factor: 0.75;
-}
-
-[data-blur='medium'] {
-  --blur-factor: 1;
-}
-
-[data-blur='large'] {
-  --blur-factor: 1.5;
-}
-
-[data-blur='extra'] {
-  --blur-factor: 2;
-}

package/src/styles/tokens/opacity.css

@@ -1,32 +0,0 @@
-:where(.radix-themes) {
-  --opacity-factor: 1;
-  --opacity-1: calc(0.1 * var(--opacity-factor));
-  --opacity-2: calc(0.2 * var(--opacity-factor));
-  --opacity-3: calc(0.3 * var(--opacity-factor));
-  --opacity-4: calc(0.4 * var(--opacity-factor));
-  --opacity-5: calc(0.5 * var(--opacity-factor));
-  --opacity-6: calc(0.6 * var(--opacity-factor));
-  --opacity-7: calc(0.7 * var(--opacity-factor));
-  --opacity-8: calc(0.8 * var(--opacity-factor));
-  --opacity-9: calc(0.9 * var(--opacity-factor));
-}
-
-[data-opacity='none'] {
-  --opacity-factor: 0;
-}
-
-[data-opacity='subtle'] {
-  --opacity-factor: 0.5;
-}
-
-[data-opacity='medium'] {
-  --opacity-factor: 1;
-}
-
-[data-opacity='strong'] {
-  --opacity-factor: 1.5;
-}
-
-[data-opacity='full'] {
-  --opacity-factor: 2.0;
-} 

package/src/styles/tokens/scaling.css

@@ -1,17 +0,0 @@
-.radix-themes {
-  &:where([data-scaling='90%']) {
-    --scaling: 0.9;
-  }
-  &:where([data-scaling='95%']) {
-    --scaling: 0.95;
-  }
-  &:where([data-scaling='100%']) {
-    --scaling: 1;
-  }
-  &:where([data-scaling='105%']) {
-    --scaling: 1.05;
-  }
-  &:where([data-scaling='110%']) {
-    --scaling: 1.1;
-  }
-}