@seyuna/postcss 1.0.0-canary.13 → 1.0.0-canary.15

package/dist/functions/spacing.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = spacing;
-function spacing(multiplier) {
-    return `${parseFloat(multiplier) * 1}rem`;
-}

package/src/at-rules/dark.ts

@@ -1,69 +0,0 @@
-import { Rule, AtRule, ChildNode } from "postcss";
-
-/**
- * Custom PostCSS plugin handler for `@dark` at-rules.
- *
- * Transforms:
- *
- *   @dark {
- *     color: white;
- *   }
- *
- * Into:
- *
- *   @media (prefers-color-scheme: dark) {
- *     [data-mode="system"] & {
- *       color: white;
- *     }
- *   }
- *
- *   [data-mode="dark"] & {
- *     color: white;
- *   }
- */
-export default function dark(atRule: AtRule) {
-  const clonedNodes: ChildNode[] = [];
-
-  // Clone all child nodes inside the @dark block
-  // (so we can reuse them in both generated rules).
-  atRule.each((node: ChildNode) => {
-    clonedNodes.push(node.clone());
-  });
-
-  /**
-   * Rule 1: [data-mode="dark"] & { ... }
-   *
-   * This applies the styles when the user explicitly sets dark mode.
-   */
-  const darkRule = new Rule({
-    selector: `[data-mode="dark"] &`,
-  });
-  clonedNodes.forEach((node) => darkRule.append(node.clone()));
-
-  /**
-   * Rule 2: @media (prefers-color-scheme: dark) { [data-mode="system"] & { ... } }
-   *
-   * This applies the styles only when:
-   *   - The user’s OS prefers dark mode
-   *   - AND the app is in "system" mode (i.e. follow system preference)
-   */
-  const mediaAtRule = new AtRule({
-    name: "media",
-    params: "(prefers-color-scheme: dark)",
-  });
-
-  // Wrap cloned rules under `[data-mode="system"]`
-  const systemRule = new Rule({
-    selector: `[data-mode="system"] &`,
-  });
-  clonedNodes.forEach((node) => systemRule.append(node.clone()));
-
-  // Nest `[data-mode="system"]` inside the @media block
-  mediaAtRule.append(systemRule);
-
-  /**
-   * Replace the original @dark rule in the CSS tree
-   * with our two new generated rules.
-   */
-  atRule.replaceWith(mediaAtRule, darkRule);
-}

package/src/at-rules/light.ts

@@ -1,69 +0,0 @@
-import { Rule, AtRule, ChildNode } from "postcss";
-
-/**
- * Custom PostCSS plugin handler for `@light` at-rules.
- *
- * Transforms:
- *
- *   @light {
- *     color: white;
- *   }
- *
- * Into:
- *
- *   @media (prefers-color-scheme: light) {
- *     [data-mode="system"] & {
- *       color: white;
- *     }
- *   }
- *
- *   [data-mode="light"] & {
- *     color: white;
- *   }
- */
-export default function light(atRule: AtRule) {
-  const clonedNodes: ChildNode[] = [];
-
-  // Clone all child nodes inside the @light block
-  // (so we can reuse them in both generated rules).
-  atRule.each((node: ChildNode) => {
-    clonedNodes.push(node.clone());
-  });
-
-  /**
-   * Rule 1: [data-mode="light"] & { ... }
-   *
-   * This applies the styles when the user explicitly sets light mode.
-   */
-  const lightRule = new Rule({
-    selector: `[data-mode="light"] &`,
-  });
-  clonedNodes.forEach((node) => lightRule.append(node.clone()));
-
-  /**
-   * Rule 2: @media (prefers-color-scheme: light) { [data-mode="system"] & { ... } }
-   *
-   * This applies the styles only when:
-   *   - The user’s OS prefers light mode
-   *   - AND the app is in "system" mode (i.e. follow system preference)
-   */
-  const mediaAtRule = new AtRule({
-    name: "media",
-    params: "(prefers-color-scheme: light)",
-  });
-
-  // Wrap cloned rules under `[data-mode="system"]`
-  const systemRule = new Rule({
-    selector: `[data-mode="system"] &`,
-  });
-  clonedNodes.forEach((node) => systemRule.append(node.clone()));
-
-  // Nest `[data-mode="system"]` inside the @media block
-  mediaAtRule.append(systemRule);
-
-  /**
-   * Replace the original @light rule in the CSS tree
-   * with our two new generated rules.
-   */
-  atRule.replaceWith(mediaAtRule, lightRule);
-}

package/src/functions/spacing.ts

@@ -1,3 +0,0 @@
-export default function spacing(multiplier: string) {
-  return `${parseFloat(multiplier) * 1}rem`;
-}