@seed-design/css 0.0.0-alpha-20260324091316

package/theming/index.d.ts

@@ -0,0 +1,9 @@
+import type { ColorMode } from "./mode";
+export type { ColorMode };
+export declare const generateThemingScript: ({
+  mode,
+  fontScaling,
+}: {
+  mode?: ColorMode;
+  fontScaling?: boolean;
+}) => string;

package/theming/index.mjs

@@ -0,0 +1,79 @@
+import { DefaultColorModeValue, isValidColorMode } from "./mode.mjs";
+
+export const generateThemingScript = ({ mode = DefaultColorModeValue, fontScaling = false }) => {
+  if (!isValidColorMode(mode)) {
+    throw new Error(`Invalid color mode: ${mode}`);
+  }
+
+  return `
+    (function(window, document, mode) {
+      try {
+        document.documentElement.dataset.seed = '';
+        document.documentElement.dataset.seedColorMode = mode;
+      } catch (e) {}
+
+      try {
+        var prefersDark = window.matchMedia('(prefers-color-scheme: dark)');
+
+        if ('addEventListener' in prefersDark) {
+          prefersDark.addEventListener('change', apply);
+        } else if ('addListener' in prefersDark) {
+          prefersDark.addListener(apply);
+        }
+
+        if (prefersDark.matches) {
+          document.documentElement.dataset.seedUserColorScheme = 'dark';
+        } else {
+          document.documentElement.dataset.seedUserColorScheme = 'light';
+        }
+
+        function apply() {
+          document.documentElement.dataset.seedUserColorScheme = prefersDark.matches ? 'dark' : 'light';
+        }
+      } catch (e) {}
+
+      try {
+        if (typeof window.AndroidFunction !== 'undefined') {
+          document.documentElement.dataset.seedPlatform = 'android';
+        } else if (typeof window.webkit !== 'undefined' && typeof window.webkit.messageHandlers !== 'undefined') {
+          document.documentElement.dataset.seedPlatform = 'ios';
+        } else {
+          document.documentElement.dataset.seedPlatform = 'ios';
+        }
+      } catch (e) {}
+
+      try {
+        if (${fontScaling}) {
+          var platform = document.documentElement.dataset.seedPlatform;
+
+          if (platform === 'ios') {
+            document.documentElement.dataset.seedFontScaling = 'enabled';
+
+            function applyIOSFontScaling() {
+              try {
+                var tempEl = document.createElement('div');
+                tempEl.style.cssText = 'position:absolute;visibility:hidden;font-size:16px;font:-apple-system-body;';
+                document.body.appendChild(tempEl);
+                var size = parseFloat(window.getComputedStyle(tempEl).fontSize);
+                document.body.removeChild(tempEl);
+                var mult = Math.max(0.8, Math.min(1.35, (size / 16) * 0.9412));
+                document.documentElement.dataset.seedFontMultiplier = parseFloat(mult.toFixed(2)).toString();
+              } catch (e) {}
+            }
+
+            if (document.readyState === 'loading') {
+              document.addEventListener('DOMContentLoaded', applyIOSFontScaling);
+            } else {
+              applyIOSFontScaling();
+            }
+          } else if (platform === 'android') {
+            var fontSize = parseFloat(window.getComputedStyle(document.documentElement).fontSize);
+            var scale = Math.max(0.8, Math.min(1.5, fontSize / 16));
+            document.documentElement.dataset.seedFontMultiplier = parseFloat(scale.toFixed(2)).toString();
+            document.documentElement.dataset.seedFontScaling = 'enabled';
+          }
+        }
+      } catch (e) {}
+    })(window, document, '${mode}');
+  `;
+};

package/theming/mode.cjs

@@ -0,0 +1,12 @@
+const ColorModeValues = Object.freeze(["system", "light-only", "dark-only"]);
+const DefaultColorModeValue = ColorModeValues[0];
+
+function isValidColorMode(mode) {
+  return ColorModeValues.includes(mode);
+}
+
+module.exports = {
+  ColorModeValues,
+  DefaultColorModeValue,
+  isValidColorMode,
+};

package/theming/mode.d.ts

@@ -0,0 +1,4 @@
+export declare const ColorModeValues: readonly ["system", "light-only", "dark-only"];
+export declare const DefaultColorModeValue: "system";
+export type ColorMode = (typeof ColorModeValues)[number];
+export declare function isValidColorMode(mode: any): mode is ColorMode;

package/theming/mode.mjs

@@ -0,0 +1,6 @@
+export const ColorModeValues = Object.freeze(["system", "light-only", "dark-only"]);
+export const DefaultColorModeValue = ColorModeValues[0];
+
+export function isValidColorMode(mode) {
+  return ColorModeValues.includes(mode);
+}

package/vars/color/banner.d.ts

@@ -0,0 +1,10 @@
+export declare const blue = "var(--seed-color-banner-blue)";
+export declare const coolGray = "var(--seed-color-banner-cool-gray)";
+export declare const green = "var(--seed-color-banner-green)";
+export declare const orange = "var(--seed-color-banner-orange)";
+export declare const pink = "var(--seed-color-banner-pink)";
+export declare const purple = "var(--seed-color-banner-purple)";
+export declare const red = "var(--seed-color-banner-red)";
+export declare const teal = "var(--seed-color-banner-teal)";
+export declare const warmGray = "var(--seed-color-banner-warm-gray)";
+export declare const yellow = "var(--seed-color-banner-yellow)";

package/vars/color/banner.mjs

@@ -0,0 +1,10 @@
+export const blue = "var(--seed-color-banner-blue)";
+export const coolGray = "var(--seed-color-banner-cool-gray)";
+export const green = "var(--seed-color-banner-green)";
+export const orange = "var(--seed-color-banner-orange)";
+export const pink = "var(--seed-color-banner-pink)";
+export const purple = "var(--seed-color-banner-purple)";
+export const red = "var(--seed-color-banner-red)";
+export const teal = "var(--seed-color-banner-teal)";
+export const warmGray = "var(--seed-color-banner-warm-gray)";
+export const yellow = "var(--seed-color-banner-yellow)";

package/vars/color/bg.d.ts

@@ -0,0 +1,76 @@
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid) */
+export declare const brandSolid = "var(--seed-color-bg-brand-solid)";
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (solid-pressed) */
+export declare const brandSolidPressed = "var(--seed-color-bg-brand-solid-pressed)";
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak) */
+export declare const brandWeak = "var(--seed-color-bg-brand-weak)";
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. 화면에서 가장 중요한 액션을 강조하는데 사용할 수 있습니다. (weak-pressed) */
+export declare const brandWeakPressed = "var(--seed-color-bg-brand-weak-pressed)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid) */
+export declare const criticalSolid = "var(--seed-color-bg-critical-solid)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (solid-pressed) */
+export declare const criticalSolidPressed = "var(--seed-color-bg-critical-solid-pressed)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak) */
+export declare const criticalWeak = "var(--seed-color-bg-critical-weak)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (weak-pressed) */
+export declare const criticalWeakPressed = "var(--seed-color-bg-critical-weak-pressed)";
+export declare const disabled = "var(--seed-color-bg-disabled)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid) */
+export declare const informativeSolid = "var(--seed-color-bg-informative-solid)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (solid-pressed) */
+export declare const informativeSolidPressed = "var(--seed-color-bg-informative-solid-pressed)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak) */
+export declare const informativeWeak = "var(--seed-color-bg-informative-weak)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (weak-pressed) */
+export declare const informativeWeakPressed = "var(--seed-color-bg-informative-weak-pressed)";
+/** 가장 낮은 0단계의 '대지'입니다. 화면 가장 깊은 곳에 위치하는 전체 배경색입니다. */
+export declare const layerBasement = "var(--seed-color-bg-layer-basement)";
+/** basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. */
+export declare const layerDefault = "var(--seed-color-bg-layer-default)";
+/** basement 바로 위에 놓이는 기본 표면입니다. 대부분의 스크린 콘텐츠(List, TextField 등)가 이 레이어 위에서 표현됩니다. (pressed) */
+export declare const layerDefaultPressed = "var(--seed-color-bg-layer-default-pressed)";
+/** @deprecated `@seed-design/css@1.3.0`에서 제거될 예정입니다. */
+export declare const layerFill = "var(--seed-color-bg-layer-fill)";
+/** 화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다. */
+export declare const layerFloating = "var(--seed-color-bg-layer-floating)";
+/** 화면의 모든 콘텐츠 위를 덮으며(floating) 나타나는 임시 레이어입니다. 사용자의 상호작용을 필요로 하는 모달(Modal)성 요소들이 여기에 속합니다. (pressed) */
+export declare const layerFloatingPressed = "var(--seed-color-bg-layer-floating-pressed)";
+export declare const magicWeak = "var(--seed-color-bg-magic-weak)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted) */
+export declare const neutralInverted = "var(--seed-color-bg-neutral-inverted)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted-pressed) */
+export declare const neutralInvertedPressed = "var(--seed-color-bg-neutral-inverted-pressed)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid) */
+export declare const neutralSolid = "var(--seed-color-bg-neutral-solid)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-muted) */
+export declare const neutralSolidMuted = "var(--seed-color-bg-neutral-solid-muted)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (solid-muted-pressed) */
+export declare const neutralSolidMutedPressed = "var(--seed-color-bg-neutral-solid-muted-pressed)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak) */
+export declare const neutralWeak = "var(--seed-color-bg-neutral-weak)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-alpha) `$color.layer.basement` 위에서 컴포넌트의 가시성을 보장하기 위해 사용됩니다. */
+export declare const neutralWeakAlpha = "var(--seed-color-bg-neutral-weak-alpha)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-alpha-pressed) `$color.layer.basement` 위에서 컴포넌트의 가시성을 보장하기 위해 사용됩니다. */
+export declare const neutralWeakAlphaPressed = "var(--seed-color-bg-neutral-weak-alpha-pressed)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (weak-pressed) */
+export declare const neutralWeakPressed = "var(--seed-color-bg-neutral-weak-pressed)";
+export declare const overlay = "var(--seed-color-bg-overlay)";
+export declare const overlayMuted = "var(--seed-color-bg-overlay-muted)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid) */
+export declare const positiveSolid = "var(--seed-color-bg-positive-solid)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (solid-pressed) */
+export declare const positiveSolidPressed = "var(--seed-color-bg-positive-solid-pressed)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak) */
+export declare const positiveWeak = "var(--seed-color-bg-positive-weak)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (weak-pressed) */
+export declare const positiveWeakPressed = "var(--seed-color-bg-positive-weak-pressed)";
+export declare const transparent = "var(--seed-color-bg-transparent)";
+export declare const transparentPressed = "var(--seed-color-bg-transparent-pressed)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid) */
+export declare const warningSolid = "var(--seed-color-bg-warning-solid)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (solid-pressed) */
+export declare const warningSolidPressed = "var(--seed-color-bg-warning-solid-pressed)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak) */
+export declare const warningWeak = "var(--seed-color-bg-warning-weak)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (weak-pressed) */
+export declare const warningWeakPressed = "var(--seed-color-bg-warning-weak-pressed)";

package/vars/color/bg.mjs

@@ -0,0 +1,41 @@
+export const brandSolid = "var(--seed-color-bg-brand-solid)";
+export const brandSolidPressed = "var(--seed-color-bg-brand-solid-pressed)";
+export const brandWeak = "var(--seed-color-bg-brand-weak)";
+export const brandWeakPressed = "var(--seed-color-bg-brand-weak-pressed)";
+export const criticalSolid = "var(--seed-color-bg-critical-solid)";
+export const criticalSolidPressed = "var(--seed-color-bg-critical-solid-pressed)";
+export const criticalWeak = "var(--seed-color-bg-critical-weak)";
+export const criticalWeakPressed = "var(--seed-color-bg-critical-weak-pressed)";
+export const disabled = "var(--seed-color-bg-disabled)";
+export const informativeSolid = "var(--seed-color-bg-informative-solid)";
+export const informativeSolidPressed = "var(--seed-color-bg-informative-solid-pressed)";
+export const informativeWeak = "var(--seed-color-bg-informative-weak)";
+export const informativeWeakPressed = "var(--seed-color-bg-informative-weak-pressed)";
+export const layerBasement = "var(--seed-color-bg-layer-basement)";
+export const layerDefault = "var(--seed-color-bg-layer-default)";
+export const layerDefaultPressed = "var(--seed-color-bg-layer-default-pressed)";
+export const layerFill = "var(--seed-color-bg-layer-fill)";
+export const layerFloating = "var(--seed-color-bg-layer-floating)";
+export const layerFloatingPressed = "var(--seed-color-bg-layer-floating-pressed)";
+export const magicWeak = "var(--seed-color-bg-magic-weak)";
+export const neutralInverted = "var(--seed-color-bg-neutral-inverted)";
+export const neutralInvertedPressed = "var(--seed-color-bg-neutral-inverted-pressed)";
+export const neutralSolid = "var(--seed-color-bg-neutral-solid)";
+export const neutralSolidMuted = "var(--seed-color-bg-neutral-solid-muted)";
+export const neutralSolidMutedPressed = "var(--seed-color-bg-neutral-solid-muted-pressed)";
+export const neutralWeak = "var(--seed-color-bg-neutral-weak)";
+export const neutralWeakAlpha = "var(--seed-color-bg-neutral-weak-alpha)";
+export const neutralWeakAlphaPressed = "var(--seed-color-bg-neutral-weak-alpha-pressed)";
+export const neutralWeakPressed = "var(--seed-color-bg-neutral-weak-pressed)";
+export const overlay = "var(--seed-color-bg-overlay)";
+export const overlayMuted = "var(--seed-color-bg-overlay-muted)";
+export const positiveSolid = "var(--seed-color-bg-positive-solid)";
+export const positiveSolidPressed = "var(--seed-color-bg-positive-solid-pressed)";
+export const positiveWeak = "var(--seed-color-bg-positive-weak)";
+export const positiveWeakPressed = "var(--seed-color-bg-positive-weak-pressed)";
+export const transparent = "var(--seed-color-bg-transparent)";
+export const transparentPressed = "var(--seed-color-bg-transparent-pressed)";
+export const warningSolid = "var(--seed-color-bg-warning-solid)";
+export const warningSolidPressed = "var(--seed-color-bg-warning-solid-pressed)";
+export const warningWeak = "var(--seed-color-bg-warning-weak)";
+export const warningWeakPressed = "var(--seed-color-bg-warning-weak-pressed)";

package/vars/color/fg.d.ts

@@ -0,0 +1,30 @@
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. */
+export declare const brand = "var(--seed-color-fg-brand)";
+/** 브랜드와 관련된 요소들이 즉각적으로 인식될 수 있도록 돕습니다. (contrast) */
+export declare const brandContrast = "var(--seed-color-fg-brand-contrast)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. */
+export declare const critical = "var(--seed-color-fg-critical)";
+/** 오류, 경고 또는 중요한 문제를 나타내는 데 사용됩니다. (contrast) */
+export declare const criticalContrast = "var(--seed-color-fg-critical-contrast)";
+export declare const disabled = "var(--seed-color-fg-disabled)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. */
+export declare const informative = "var(--seed-color-fg-informative)";
+/** 사용자에게 유용한 정보를 제공하거나 상태를 설명할 때 사용됩니다. (contrast) */
+export declare const informativeContrast = "var(--seed-color-fg-informative-contrast)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. */
+export declare const neutral = "var(--seed-color-fg-neutral)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (inverted) */
+export declare const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (muted) */
+export declare const neutralMuted = "var(--seed-color-fg-neutral-muted)";
+/** 일반적인 콘텐츠에 사용되는 기본 색상입니다. (subtle) */
+export declare const neutralSubtle = "var(--seed-color-fg-neutral-subtle)";
+export declare const placeholder = "var(--seed-color-fg-placeholder)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. */
+export declare const positive = "var(--seed-color-fg-positive)";
+/** 성공적인 작업, 확인, 또는 긍정적인 상태를 나타내는 데 사용됩니다. (contrast) */
+export declare const positiveContrast = "var(--seed-color-fg-positive-contrast)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. */
+export declare const warning = "var(--seed-color-fg-warning)";
+/** 사용자의 주의가 필요한 경고 메시지나 안내 사항을 전달하는 데 사용됩니다. (contrast) */
+export declare const warningContrast = "var(--seed-color-fg-warning-contrast)";

package/vars/color/fg.mjs

@@ -0,0 +1,16 @@
+export const brand = "var(--seed-color-fg-brand)";
+export const brandContrast = "var(--seed-color-fg-brand-contrast)";
+export const critical = "var(--seed-color-fg-critical)";
+export const criticalContrast = "var(--seed-color-fg-critical-contrast)";
+export const disabled = "var(--seed-color-fg-disabled)";
+export const informative = "var(--seed-color-fg-informative)";
+export const informativeContrast = "var(--seed-color-fg-informative-contrast)";
+export const neutral = "var(--seed-color-fg-neutral)";
+export const neutralInverted = "var(--seed-color-fg-neutral-inverted)";
+export const neutralMuted = "var(--seed-color-fg-neutral-muted)";
+export const neutralSubtle = "var(--seed-color-fg-neutral-subtle)";
+export const placeholder = "var(--seed-color-fg-placeholder)";
+export const positive = "var(--seed-color-fg-positive)";
+export const positiveContrast = "var(--seed-color-fg-positive-contrast)";
+export const warning = "var(--seed-color-fg-warning)";
+export const warningContrast = "var(--seed-color-fg-warning-contrast)";

package/vars/color/index.d.ts

@@ -0,0 +1,6 @@
+export * as palette from "./palette";
+export * as fg from "./fg";
+export * as bg from "./bg";
+export * as stroke from "./stroke";
+export * as mannerTemp from "./manner-temp";
+export * as banner from "./banner";

package/vars/color/index.mjs

@@ -0,0 +1,6 @@
+export * as palette from "./palette.mjs";
+export * as fg from "./fg.mjs";
+export * as bg from "./bg.mjs";
+export * as stroke from "./stroke.mjs";
+export * as mannerTemp from "./manner-temp/index.mjs";
+export * as banner from "./banner.mjs";

package/vars/color/manner-temp/index.d.ts

@@ -0,0 +1,10 @@
+export * as l1 from "./l1";
+export * as l10 from "./l10";
+export * as l2 from "./l2";
+export * as l3 from "./l3";
+export * as l4 from "./l4";
+export * as l5 from "./l5";
+export * as l6 from "./l6";
+export * as l7 from "./l7";
+export * as l8 from "./l8";
+export * as l9 from "./l9";

package/vars/color/manner-temp/index.mjs

@@ -0,0 +1,10 @@
+export * as l1 from "./l1.mjs";
+export * as l10 from "./l10.mjs";
+export * as l2 from "./l2.mjs";
+export * as l3 from "./l3.mjs";
+export * as l4 from "./l4.mjs";
+export * as l5 from "./l5.mjs";
+export * as l6 from "./l6.mjs";
+export * as l7 from "./l7.mjs";
+export * as l8 from "./l8.mjs";
+export * as l9 from "./l9.mjs";

package/vars/color/manner-temp/l1.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l1-bg)";
+export declare const text = "var(--seed-color-manner-temp-l1-text)";

package/vars/color/manner-temp/l1.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l1-bg)";
+export const text = "var(--seed-color-manner-temp-l1-text)";

package/vars/color/manner-temp/l10.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l10-bg)";
+export declare const text = "var(--seed-color-manner-temp-l10-text)";

package/vars/color/manner-temp/l10.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l10-bg)";
+export const text = "var(--seed-color-manner-temp-l10-text)";

package/vars/color/manner-temp/l2.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l2-bg)";
+export declare const text = "var(--seed-color-manner-temp-l2-text)";

package/vars/color/manner-temp/l2.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l2-bg)";
+export const text = "var(--seed-color-manner-temp-l2-text)";

package/vars/color/manner-temp/l3.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l3-bg)";
+export declare const text = "var(--seed-color-manner-temp-l3-text)";

package/vars/color/manner-temp/l3.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l3-bg)";
+export const text = "var(--seed-color-manner-temp-l3-text)";

package/vars/color/manner-temp/l4.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l4-bg)";
+export declare const text = "var(--seed-color-manner-temp-l4-text)";

package/vars/color/manner-temp/l4.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l4-bg)";
+export const text = "var(--seed-color-manner-temp-l4-text)";

package/vars/color/manner-temp/l5.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l5-bg)";
+export declare const text = "var(--seed-color-manner-temp-l5-text)";

package/vars/color/manner-temp/l5.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l5-bg)";
+export const text = "var(--seed-color-manner-temp-l5-text)";

package/vars/color/manner-temp/l6.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l6-bg)";
+export declare const text = "var(--seed-color-manner-temp-l6-text)";

package/vars/color/manner-temp/l6.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l6-bg)";
+export const text = "var(--seed-color-manner-temp-l6-text)";

package/vars/color/manner-temp/l7.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l7-bg)";
+export declare const text = "var(--seed-color-manner-temp-l7-text)";

package/vars/color/manner-temp/l7.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l7-bg)";
+export const text = "var(--seed-color-manner-temp-l7-text)";

package/vars/color/manner-temp/l8.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l8-bg)";
+export declare const text = "var(--seed-color-manner-temp-l8-text)";

package/vars/color/manner-temp/l8.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l8-bg)";
+export const text = "var(--seed-color-manner-temp-l8-text)";

package/vars/color/manner-temp/l9.d.ts

@@ -0,0 +1,2 @@
+export declare const bg = "var(--seed-color-manner-temp-l9-bg)";
+export declare const text = "var(--seed-color-manner-temp-l9-text)";

package/vars/color/manner-temp/l9.mjs

@@ -0,0 +1,2 @@
+export const bg = "var(--seed-color-manner-temp-l9-bg)";
+export const text = "var(--seed-color-manner-temp-l9-text)";

package/vars/color/palette.d.ts

@@ -0,0 +1,94 @@
+export declare const gray00 = "var(--seed-color-palette-gray-00)";
+export declare const gray100 = "var(--seed-color-palette-gray-100)";
+export declare const gray200 = "var(--seed-color-palette-gray-200)";
+export declare const gray300 = "var(--seed-color-palette-gray-300)";
+export declare const gray400 = "var(--seed-color-palette-gray-400)";
+export declare const gray500 = "var(--seed-color-palette-gray-500)";
+export declare const gray600 = "var(--seed-color-palette-gray-600)";
+export declare const gray700 = "var(--seed-color-palette-gray-700)";
+export declare const gray800 = "var(--seed-color-palette-gray-800)";
+export declare const gray900 = "var(--seed-color-palette-gray-900)";
+export declare const gray1000 = "var(--seed-color-palette-gray-1000)";
+export declare const carrot100 = "var(--seed-color-palette-carrot-100)";
+export declare const carrot200 = "var(--seed-color-palette-carrot-200)";
+export declare const carrot300 = "var(--seed-color-palette-carrot-300)";
+export declare const carrot400 = "var(--seed-color-palette-carrot-400)";
+export declare const carrot500 = "var(--seed-color-palette-carrot-500)";
+export declare const carrot600 = "var(--seed-color-palette-carrot-600)";
+export declare const carrot700 = "var(--seed-color-palette-carrot-700)";
+export declare const carrot800 = "var(--seed-color-palette-carrot-800)";
+export declare const carrot900 = "var(--seed-color-palette-carrot-900)";
+export declare const carrot1000 = "var(--seed-color-palette-carrot-1000)";
+export declare const blue100 = "var(--seed-color-palette-blue-100)";
+export declare const blue200 = "var(--seed-color-palette-blue-200)";
+export declare const blue300 = "var(--seed-color-palette-blue-300)";
+export declare const blue400 = "var(--seed-color-palette-blue-400)";
+export declare const blue500 = "var(--seed-color-palette-blue-500)";
+export declare const blue600 = "var(--seed-color-palette-blue-600)";
+export declare const blue700 = "var(--seed-color-palette-blue-700)";
+export declare const blue800 = "var(--seed-color-palette-blue-800)";
+export declare const blue900 = "var(--seed-color-palette-blue-900)";
+export declare const blue1000 = "var(--seed-color-palette-blue-1000)";
+export declare const red100 = "var(--seed-color-palette-red-100)";
+export declare const red200 = "var(--seed-color-palette-red-200)";
+export declare const red300 = "var(--seed-color-palette-red-300)";
+export declare const red400 = "var(--seed-color-palette-red-400)";
+export declare const red500 = "var(--seed-color-palette-red-500)";
+export declare const red600 = "var(--seed-color-palette-red-600)";
+export declare const red700 = "var(--seed-color-palette-red-700)";
+export declare const red800 = "var(--seed-color-palette-red-800)";
+export declare const red900 = "var(--seed-color-palette-red-900)";
+export declare const red1000 = "var(--seed-color-palette-red-1000)";
+export declare const green100 = "var(--seed-color-palette-green-100)";
+export declare const green200 = "var(--seed-color-palette-green-200)";
+export declare const green300 = "var(--seed-color-palette-green-300)";
+export declare const green400 = "var(--seed-color-palette-green-400)";
+export declare const green500 = "var(--seed-color-palette-green-500)";
+export declare const green600 = "var(--seed-color-palette-green-600)";
+export declare const green700 = "var(--seed-color-palette-green-700)";
+export declare const green800 = "var(--seed-color-palette-green-800)";
+export declare const green900 = "var(--seed-color-palette-green-900)";
+export declare const green1000 = "var(--seed-color-palette-green-1000)";
+export declare const yellow100 = "var(--seed-color-palette-yellow-100)";
+export declare const yellow200 = "var(--seed-color-palette-yellow-200)";
+export declare const yellow300 = "var(--seed-color-palette-yellow-300)";
+export declare const yellow400 = "var(--seed-color-palette-yellow-400)";
+export declare const yellow500 = "var(--seed-color-palette-yellow-500)";
+export declare const yellow600 = "var(--seed-color-palette-yellow-600)";
+export declare const yellow700 = "var(--seed-color-palette-yellow-700)";
+export declare const yellow800 = "var(--seed-color-palette-yellow-800)";
+export declare const yellow900 = "var(--seed-color-palette-yellow-900)";
+export declare const yellow1000 = "var(--seed-color-palette-yellow-1000)";
+export declare const purple100 = "var(--seed-color-palette-purple-100)";
+export declare const purple200 = "var(--seed-color-palette-purple-200)";
+export declare const purple300 = "var(--seed-color-palette-purple-300)";
+export declare const purple400 = "var(--seed-color-palette-purple-400)";
+export declare const purple500 = "var(--seed-color-palette-purple-500)";
+export declare const purple600 = "var(--seed-color-palette-purple-600)";
+export declare const purple700 = "var(--seed-color-palette-purple-700)";
+export declare const purple800 = "var(--seed-color-palette-purple-800)";
+export declare const purple900 = "var(--seed-color-palette-purple-900)";
+export declare const purple1000 = "var(--seed-color-palette-purple-1000)";
+export declare const staticBlack = "var(--seed-color-palette-static-black)";
+export declare const staticBlackAlpha100 = "var(--seed-color-palette-static-black-alpha-100)";
+export declare const staticBlackAlpha200 = "var(--seed-color-palette-static-black-alpha-200)";
+export declare const staticBlackAlpha300 = "var(--seed-color-palette-static-black-alpha-300)";
+export declare const staticBlackAlpha400 = "var(--seed-color-palette-static-black-alpha-400)";
+export declare const staticBlackAlpha500 = "var(--seed-color-palette-static-black-alpha-500)";
+export declare const staticBlackAlpha600 = "var(--seed-color-palette-static-black-alpha-600)";
+export declare const staticBlackAlpha700 = "var(--seed-color-palette-static-black-alpha-700)";
+export declare const staticBlackAlpha800 = "var(--seed-color-palette-static-black-alpha-800)";
+export declare const staticBlackAlpha900 = "var(--seed-color-palette-static-black-alpha-900)";
+export declare const staticBlackAlpha1000 = "var(--seed-color-palette-static-black-alpha-1000)";
+export declare const staticWhite = "var(--seed-color-palette-static-white)";
+export declare const staticWhiteAlpha50 = "var(--seed-color-palette-static-white-alpha-50)";
+export declare const staticWhiteAlpha100 = "var(--seed-color-palette-static-white-alpha-100)";
+export declare const staticWhiteAlpha200 = "var(--seed-color-palette-static-white-alpha-200)";
+export declare const staticWhiteAlpha300 = "var(--seed-color-palette-static-white-alpha-300)";
+export declare const staticWhiteAlpha400 = "var(--seed-color-palette-static-white-alpha-400)";
+export declare const staticWhiteAlpha500 = "var(--seed-color-palette-static-white-alpha-500)";
+export declare const staticWhiteAlpha600 = "var(--seed-color-palette-static-white-alpha-600)";
+export declare const staticWhiteAlpha700 = "var(--seed-color-palette-static-white-alpha-700)";
+export declare const staticWhiteAlpha800 = "var(--seed-color-palette-static-white-alpha-800)";
+export declare const staticWhiteAlpha900 = "var(--seed-color-palette-static-white-alpha-900)";
+export declare const staticWhiteAlpha1000 = "var(--seed-color-palette-static-white-alpha-1000)";