@liner-fe/design-token-rn 1.2.12 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/lib/color/index.d.ts +2 -2
  2. package/lib/index.cjs +7 -13
  3. package/lib/index.cjs.map +3 -3
  4. package/lib/index.mjs +7 -13
  5. package/lib/index.mjs.map +2 -2
  6. package/lib/store/theme.d.ts +6 -2
  7. package/package.json +13 -13
  8. package/src/color/index.ts +3 -3
  9. package/src/generated/vars.ts +1 -1
  10. package/src/store/theme.ts +3 -9
package/lib/color/index.d.ts CHANGED
@@ -7,8 +7,8 @@ export declare const useAppearance: () => {
7
7
  effectiveAppearance: EffectiveAppearance;
8
8
  appAppearance: AppAppearance;
9
9
  systemAppearance: SystemAppearance;
10
- setAppAppearance: import("recoil").SetterOrUpdater<AppAppearance>;
11
- setSystemAppearance: import("recoil").SetterOrUpdater<SystemAppearance>;
10
+ setAppAppearance: (args_0: AppAppearance | ((prev: AppAppearance) => AppAppearance)) => void;
11
+ setSystemAppearance: (args_0: SystemAppearance | ((prev: SystemAppearance) => SystemAppearance)) => void;
12
12
  };
13
13
  export declare const useColor: <T>(StyleSheetFunction: (color: ColorType) => T) => {
14
14
  styles: T;
package/lib/index.cjs CHANGED
@@ -30,27 +30,21 @@ __export(index_exports, {
30
30
  module.exports = __toCommonJS(index_exports);
31
31
 
32
32
  // src/generated/vars.ts
33
- var vars = { "color": { "light": { "neutral-container-lowest": "#ffffff", "neutral-container-lowest-hover": "#F9F9FA", "neutral-container-low": "#F9F9FA", "neutral-container-low-hover": "#F6F6F7", "neutral-container-mid": "#F6F6F7", "neutral-container-mid-hover": "#F1F1F2", "neutral-container-high": "#EDEEF0", "neutral-container-high-hover": "#E3E3E6", "neutral-container-highest": "#E9E9EB", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#ffffff", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.06)", "neutral-fill-overlay-low": "rgba(109,109,112,0.04)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.16)", "neutral-fill-overlay-high": "rgba(109,109,112,0.2)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.28)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#ffffff", "neutral-fill-opaque-lowest-hover": "#F9F9FA", "neutral-fill-opaque-low": "#F9F9FA", "neutral-fill-opaque-low-hover": "#F6F6F7", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#1E1E1F", "neutral-label-secondary": "rgba(109,109,112,0.8)", "neutral-label-tertiary": "rgba(109,109,112,0.48)", "neutral-label-quaternary": "rgba(109,109,112,0.24)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(109,109,112,0.64)", "neutral-border-overlay-normal": "rgba(109,109,112,0.24)", "neutral-border-overlay-subtle": "rgba(109,109,112,0.16)", "neutral-border-overlay-hint": "rgba(109,109,112,0.12)", "neutral-border-opaque-strong": "#1E1E1F", "neutral-border-opaque-normal": "#D7D7D9", "neutral-border-opaque-subtle": "#E9E9EB", "inverse-container-lowest": "#1E1E1F", "inverse-container-lowest-hover": "#272729", "inverse-container-low": "#272729", "inverse-container-low-hover": "#313133", "inverse-container-mid": "#313133", "inverse-container-mid-hover": "#39393B", "inverse-container-high": "#313133", "inverse-container-high-hover": "#4A4A4D", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#4A4A4D", "inverse-fill-opaque-lowest": "#1E1E1F", "inverse-fill-opaque-lowest-hover": "#272729", "inverse-fill-opaque-low": "#272729", "inverse-fill-opaque-low-hover": "#313133", "inverse-fill-opaque-mid": "#313133", "inverse-fill-mid": "#ffffff", "inverse-fill-mid-hover": "rgba(109,109,112,0.32)", "inverse-label-primary": "#ffffff", "inverse-label-secondary": "rgba(233,233,235,0.64)", "inverse-label-tertiary": "rgba(233,233,235,0.32)", "inverse-label-quaternary": "rgba(233,233,235,0.2)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(233,233,235,0.64)", "inverse-border-overlay-normal": "rgba(233,233,235,0.28)", "inverse-border-overlay-subtle": "rgba(233,233,235,0.2)", "inverse-border-overlay-hint": "rgba(233,233,235,0.12)", "inverse-border-opaque-strong": "#ffffff", "inverse-border-opaque-normal": "#58595C", "inverse-border-opaque-subtle": "#39393B", "brand-container-mid": "#197B2E", "brand-container-mid-hover": "#006820", "brand-container-high": "#002109", "brand-fill-mid": "#197B2E", "brand-fill-mid-hover": "#006820", "brand-fill-low": "#E9F5EA", "brand-fill-low-hover": "#E2F2E3", "brand-label-primary": "#197B2E", "brand-label-secondary": "#14371B", "brand-label-variation-secondary": "#14371B", "brand-border-opaque-normal": "#14371B", "brand-border-opaque-strong": "#197B2E", "brandinverse-container-mid": "#236638", "brandinverse-container-mid-hover": "#00733E", "brandinverse-container-high": "#E9F5EA", "brandinverse-fill-mid": "#236638", "brandinverse-fill-mid-hover": "#00733E", "brandinverse-fill-low": "#1E2D24", "brandinverse-fill-low-hover": "#2B3A31", "brandinverse-label-primary": "#C6FFCD", "brandinverse-label-secondary": "#ffffff", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#C6FFCD", "brandinverse-border-opaque-normal": "#ffffff", "accent-label-primary": "#FE8F16", "accent-label-yellow": "#FFCC00", "accent-label-mint": "#02B0B0", "accent-label-cyan": "#40B3FF", "accent-label-purple": "#B450E6", "accent-label-pink": "#FF3377", "accent-fill-primary": "#FFB77C", "function-fill-positive-mid": "#30BF48", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#DB2323", "function-fill-caution": "#FE8F16", "function-fill-highlight": "#EAFFB6", "function-fill-selection": "rgba(20,55,27,0.08)", "function-fill-drag": "rgba(20,55,27,0.12)", "function-fill-positive-low": "#E6FCEA", "function-fill-negative-low": "#FFE7E7", "function-label-positive": "#148B28", "function-label-negative": "#FF3333", "function-label-caution": "#FE8F16", "function-label-link": "#1A79B8", "cover-dim-page": "rgba(0,0,0,0.48)" }, "dark": { "neutral-container-lowest": "#1E1E1F", "neutral-container-lowest-hover": "#272729", "neutral-container-low": "#272729", "neutral-container-low-hover": "#313133", "neutral-container-mid": "#313133", "neutral-container-mid-hover": "#39393B", "neutral-container-high": "#313133", "neutral-container-high-hover": "#4A4A4D", "neutral-container-highest": "#4A4A4D", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#272729", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.12)", "neutral-fill-overlay-low": "rgba(109,109,112,0.08)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.2)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.16)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.44)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#1E1E1F", "neutral-fill-opaque-lowest-hover": "#272729", "neutral-fill-opaque-low": "#272729", "neutral-fill-opaque-low-hover": "#313133", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#ffffff", "neutral-label-secondary": "rgba(233,233,235,0.64)", "neutral-label-tertiary": "rgba(233,233,235,0.32)", "neutral-label-quaternary": "rgba(233,233,235,0.2)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(233,233,235,0.64)", "neutral-border-overlay-normal": "rgba(233,233,235,0.28)", "neutral-border-overlay-subtle": "rgba(233,233,235,0.2)", "neutral-border-overlay-hint": "rgba(233,233,235,0.12)", "neutral-border-opaque-strong": "#ffffff", "neutral-border-opaque-normal": "#58595C", "neutral-border-opaque-subtle": "#39393B", "inverse-container-lowest": "#ffffff", "inverse-container-lowest-hover": "#F9F9FA", "inverse-container-low": "#F9F9FA", "inverse-container-low-hover": "#F6F6F7", "inverse-container-mid": "#F6F6F7", "inverse-container-mid-hover": "#F1F1F2", "inverse-container-high": "#EDEEF0", "inverse-container-high-hover": "#E3E3E6", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#E9E9EB", "inverse-fill-opaque-lowest": "#ffffff", "inverse-fill-opaque-lowest-hover": "#F9F9FA", "inverse-fill-opaque-low": "#F9F9FA", "inverse-fill-opaque-low-hover": "#F6F6F7", "inverse-fill-opaque-mid": "#F6F6F7", "inverse-fill-mid": "rgba(233,233,235,0.24)", "inverse-fill-mid-hover": "rgba(109,109,112,0.16)", "inverse-label-primary": "#1E1E1F", "inverse-label-secondary": "rgba(109,109,112,0.8)", "inverse-label-tertiary": "rgba(109,109,112,0.48)", "inverse-label-quaternary": "rgba(109,109,112,0.24)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(109,109,112,0.64)", "inverse-border-overlay-normal": "rgba(109,109,112,0.24)", "inverse-border-overlay-subtle": "rgba(109,109,112,0.16)", "inverse-border-overlay-hint": "rgba(109,109,112,0.12)", "inverse-border-opaque-strong": "#1E1E1F", "inverse-border-opaque-normal": "#D7D7D9", "inverse-border-opaque-subtle": "#E9E9EB", "brand-container-mid": "#236638", "brand-container-mid-hover": "#00733E", "brand-container-high": "#E9F5EA", "brand-fill-mid": "#236638", "brand-fill-mid-hover": "#00733E", "brand-fill-low": "#1E2D24", "brand-fill-low-hover": "#2B3A31", "brand-label-primary": "#C6FFCD", "brand-label-secondary": "#ffffff", "brand-label-variation-secondary": "#DEFFDF", "brand-border-opaque-normal": "#ffffff", "brand-border-opaque-strong": "#C6FFCD", "brandinverse-container-mid": "#197B2E", "brandinverse-container-mid-hover": "#006820", "brandinverse-container-high": "#002109", "brandinverse-fill-mid": "#197B2E", "brandinverse-fill-mid-hover": "#006820", "brandinverse-fill-low": "#E9F5EA", "brandinverse-fill-low-hover": "#E2F2E3", "brandinverse-label-primary": "#197B2E", "brandinverse-label-secondary": "#14371B", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#197B2E", "brandinverse-border-opaque-normal": "#14371B", "accent-label-primary": "#FF9B3E", "accent-label-yellow": "#FFD739", "accent-label-mint": "#00CCCC", "accent-label-cyan": "#6AC4FF", "accent-label-purple": "#C978F2", "accent-label-pink": "#FF6095", "accent-fill-primary": "#B46200", "function-fill-positive-mid": "#5DDF73", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#FF6060", "function-fill-caution": "#FF9B3E", "function-fill-highlight": "#394D00", "function-fill-selection": "rgba(255,255,255,0.12)", "function-fill-drag": "rgba(255,255,255,0.16)", "function-fill-positive-low": "#075714", "function-fill-negative-low": "#710808", "function-label-positive": "#5DDF73", "function-label-negative": "#FF3333", "function-label-caution": "#FF9B3E", "function-label-link": "#6AC4FF", "cover-dim-page": "rgba(0,0,0,0.48)" } }, "radius": { "xxs": "2px", "xs": "6px", "s": "8px", "m": "10px", "l": "12px", "xl": "14px", "xxl": "200px" }, "opacity": { "0": "0%", "1": "1%", "4": "4%", "8": "8%", "12": "12%", "16": "16%", "20": "20%", "24": "24%", "28": "28%", "32": "32%", "36": "36%", "40": "40%", "44": "44%", "48": "48%", "50": "50%", "56": "56%", "64": "64%", "72": "72%", "80": "80%" }, "padding": { "component-50": "2px", "component-100": "4px", "component-150": "6px", "component-200": "8px", "component-300": "12px", "component-400": "16px", "component-500": "20px", "component-600": "24px", "component-700": "32px", "component-800": "40px", "component-900": "48px", "component-1000": "56px", "component-1100": "64px", "component-1300": "80px", "component-1500": "100px", "component-1700": "120px", "section-50": "20px", "section-100": "24px", "section-200": "32px", "section-300": "40px", "section-400": "48px", "section-500": "56px", "section-600": "64px", "section-700": "80px", "section-800": "100px", "section-900": "120px" }, "size": { "0": "0px", "1": "1px", "2": "2px", "3": "3px", "4": "4px", "6": "6px", "8": "8px", "10": "10px", "12": "12px", "14": "14px", "16": "16px", "18": "18px", "20": "20px", "24": "24px", "32": "32px", "40": "40px", "48": "48px", "56": "56px", "64": "64px", "80": "80px", "100": "100px", "120": "120px", "140": "140px", "160": "160px", "180": "180px", "200": "200px", "minus6": "-6px", "minus4": "-4px", "minus2": "-2px" }, "gap": { "positive-50": "2px", "positive-100": "4px", "positive-150": "6px", "positive-200": "8px", "positive-300": "12px", "positive-400": "16px", "positive-500": "20px", "positive-600": "24px", "positive-700": "32px", "positive-800": "40px", "positive-900": "48px" }, "shadow": { "soft": ["0px 4px 12px rgba(0, 0, 0, 0.05)", "0px 6px 12px rgba(0, 0, 0, 0.2)"], "normal": ["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)", "0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"], "strong": ["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"], "heavy": ["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"] }, "iconSize": { "xs": "16px", "s": "20px", "m": "24px", "l": "32px", "xl": "40px" } };
33
+ var vars = { "color": { "light": { "neutral-container-lowest": "#ffffff", "neutral-container-lowest-hover": "#F9F9FA", "neutral-container-low": "#F9F9FA", "neutral-container-low-hover": "#F6F6F7", "neutral-container-mid": "#F6F6F7", "neutral-container-mid-hover": "#F1F1F2", "neutral-container-high": "#EDEEF0", "neutral-container-high-hover": "#E3E3E6", "neutral-container-highest": "#E9E9EB", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#ffffff", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.06)", "neutral-fill-overlay-low": "rgba(109,109,112,0.04)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.16)", "neutral-fill-overlay-high": "rgba(109,109,112,0.2)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.28)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#ffffff", "neutral-fill-opaque-lowest-hover": "#F9F9FA", "neutral-fill-opaque-low": "#F9F9FA", "neutral-fill-opaque-low-hover": "#F6F6F7", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#1E1E1F", "neutral-label-secondary": "rgba(109,109,112,0.8)", "neutral-label-tertiary": "rgba(109,109,112,0.48)", "neutral-label-quaternary": "rgba(109,109,112,0.24)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(109,109,112,0.64)", "neutral-border-overlay-normal": "rgba(109,109,112,0.24)", "neutral-border-overlay-subtle": "rgba(109,109,112,0.16)", "neutral-border-overlay-hint": "rgba(109,109,112,0.12)", "neutral-border-opaque-strong": "#1E1E1F", "neutral-border-opaque-normal": "#D7D7D9", "neutral-border-opaque-subtle": "#E9E9EB", "inverse-container-lowest": "#1E1E1F", "inverse-container-lowest-hover": "#272729", "inverse-container-low": "#272729", "inverse-container-low-hover": "#313133", "inverse-container-mid": "#313133", "inverse-container-mid-hover": "#39393B", "inverse-container-high": "#313133", "inverse-container-high-hover": "#4A4A4D", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#4A4A4D", "inverse-fill-opaque-lowest": "#1E1E1F", "inverse-fill-opaque-lowest-hover": "#272729", "inverse-fill-opaque-low": "#272729", "inverse-fill-opaque-low-hover": "#313133", "inverse-fill-opaque-mid": "#313133", "inverse-fill-mid": "#ffffff", "inverse-fill-mid-hover": "rgba(109,109,112,0.32)", "inverse-label-primary": "#ffffff", "inverse-label-secondary": "rgba(233,233,235,0.64)", "inverse-label-tertiary": "rgba(233,233,235,0.32)", "inverse-label-quaternary": "rgba(233,233,235,0.2)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(233,233,235,0.64)", "inverse-border-overlay-normal": "rgba(233,233,235,0.28)", "inverse-border-overlay-subtle": "rgba(233,233,235,0.2)", "inverse-border-overlay-hint": "rgba(233,233,235,0.12)", "inverse-border-opaque-strong": "#ffffff", "inverse-border-opaque-normal": "#58595C", "inverse-border-opaque-subtle": "#39393B", "brand-container-mid": "#197B2E", "brand-container-mid-hover": "#006E23", "brand-container-high": "#002109", "brand-fill-mid": "#197B2E", "brand-fill-mid-hover": "#006E23", "brand-fill-low": "#E9F5EA", "brand-fill-low-hover": "#E2F2E3", "brand-label-primary": "#197B2E", "brand-label-secondary": "#14371B", "brand-label-variation-secondary": "#14371B", "brand-border-opaque-normal": "#14371B", "brand-border-opaque-strong": "#197B2E", "brandinverse-container-mid": "#236638", "brandinverse-container-mid-hover": "#00733E", "brandinverse-container-high": "#E9F5EA", "brandinverse-fill-mid": "#236638", "brandinverse-fill-mid-hover": "#00733E", "brandinverse-fill-low": "#1E2D24", "brandinverse-fill-low-hover": "#2B3A31", "brandinverse-label-primary": "#C6FFCD", "brandinverse-label-secondary": "#ffffff", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#C6FFCD", "brandinverse-border-opaque-normal": "#ffffff", "accent-label-primary": "#FE8F16", "accent-label-yellow": "#FFCC00", "accent-label-mint": "#02B0B0", "accent-label-cyan": "#40B3FF", "accent-label-purple": "#B450E6", "accent-label-pink": "#FF3377", "accent-fill-primary": "#FFB77C", "function-fill-positive-mid": "#30BF48", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#DB2323", "function-fill-caution": "#FE8F16", "function-fill-highlight": "#EAFFB6", "function-fill-selection": "rgba(20,55,27,0.08)", "function-fill-drag": "rgba(20,55,27,0.12)", "function-fill-positive-low": "#E6FCEA", "function-fill-negative-low": "#FFE7E7", "function-label-positive": "#148B28", "function-label-negative": "#FF3333", "function-label-caution": "#FE8F16", "function-label-link": "#1A79B8", "cover-dim-page": "rgba(0,0,0,0.48)" }, "dark": { "neutral-container-lowest": "#1E1E1F", "neutral-container-lowest-hover": "#272729", "neutral-container-low": "#272729", "neutral-container-low-hover": "#313133", "neutral-container-mid": "#313133", "neutral-container-mid-hover": "#39393B", "neutral-container-high": "#313133", "neutral-container-high-hover": "#4A4A4D", "neutral-container-highest": "#4A4A4D", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#272729", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.12)", "neutral-fill-overlay-low": "rgba(109,109,112,0.08)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.2)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.16)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.44)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#1E1E1F", "neutral-fill-opaque-lowest-hover": "#272729", "neutral-fill-opaque-low": "#272729", "neutral-fill-opaque-low-hover": "#313133", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#ffffff", "neutral-label-secondary": "rgba(233,233,235,0.64)", "neutral-label-tertiary": "rgba(233,233,235,0.32)", "neutral-label-quaternary": "rgba(233,233,235,0.2)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(233,233,235,0.64)", "neutral-border-overlay-normal": "rgba(233,233,235,0.28)", "neutral-border-overlay-subtle": "rgba(233,233,235,0.2)", "neutral-border-overlay-hint": "rgba(233,233,235,0.12)", "neutral-border-opaque-strong": "#ffffff", "neutral-border-opaque-normal": "#58595C", "neutral-border-opaque-subtle": "#39393B", "inverse-container-lowest": "#ffffff", "inverse-container-lowest-hover": "#F9F9FA", "inverse-container-low": "#F9F9FA", "inverse-container-low-hover": "#F6F6F7", "inverse-container-mid": "#F6F6F7", "inverse-container-mid-hover": "#F1F1F2", "inverse-container-high": "#EDEEF0", "inverse-container-high-hover": "#E3E3E6", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#E9E9EB", "inverse-fill-opaque-lowest": "#ffffff", "inverse-fill-opaque-lowest-hover": "#F9F9FA", "inverse-fill-opaque-low": "#F9F9FA", "inverse-fill-opaque-low-hover": "#F6F6F7", "inverse-fill-opaque-mid": "#F6F6F7", "inverse-fill-mid": "rgba(233,233,235,0.24)", "inverse-fill-mid-hover": "rgba(109,109,112,0.16)", "inverse-label-primary": "#1E1E1F", "inverse-label-secondary": "rgba(109,109,112,0.8)", "inverse-label-tertiary": "rgba(109,109,112,0.48)", "inverse-label-quaternary": "rgba(109,109,112,0.24)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(109,109,112,0.64)", "inverse-border-overlay-normal": "rgba(109,109,112,0.24)", "inverse-border-overlay-subtle": "rgba(109,109,112,0.16)", "inverse-border-overlay-hint": "rgba(109,109,112,0.12)", "inverse-border-opaque-strong": "#1E1E1F", "inverse-border-opaque-normal": "#D7D7D9", "inverse-border-opaque-subtle": "#E9E9EB", "brand-container-mid": "#236638", "brand-container-mid-hover": "#00733E", "brand-container-high": "#E9F5EA", "brand-fill-mid": "#236638", "brand-fill-mid-hover": "#00733E", "brand-fill-low": "#1E2D24", "brand-fill-low-hover": "#2B3A31", "brand-label-primary": "#C6FFCD", "brand-label-secondary": "#ffffff", "brand-label-variation-secondary": "#DEFFDF", "brand-border-opaque-normal": "#ffffff", "brand-border-opaque-strong": "#C6FFCD", "brandinverse-container-mid": "#197B2E", "brandinverse-container-mid-hover": "#006E23", "brandinverse-container-high": "#002109", "brandinverse-fill-mid": "#197B2E", "brandinverse-fill-mid-hover": "#006E23", "brandinverse-fill-low": "#E9F5EA", "brandinverse-fill-low-hover": "#E2F2E3", "brandinverse-label-primary": "#197B2E", "brandinverse-label-secondary": "#14371B", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#197B2E", "brandinverse-border-opaque-normal": "#14371B", "accent-label-primary": "#FF9B3E", "accent-label-yellow": "#FFD739", "accent-label-mint": "#00CCCC", "accent-label-cyan": "#6AC4FF", "accent-label-purple": "#C978F2", "accent-label-pink": "#FF6095", "accent-fill-primary": "#B46200", "function-fill-positive-mid": "#5DDF73", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#FF6060", "function-fill-caution": "#FF9B3E", "function-fill-highlight": "#394D00", "function-fill-selection": "rgba(255,255,255,0.12)", "function-fill-drag": "rgba(255,255,255,0.16)", "function-fill-positive-low": "#075714", "function-fill-negative-low": "#710808", "function-label-positive": "#5DDF73", "function-label-negative": "#FF3333", "function-label-caution": "#FF9B3E", "function-label-link": "#6AC4FF", "cover-dim-page": "rgba(0,0,0,0.48)" } }, "radius": { "xxs": "2px", "xs": "6px", "s": "8px", "m": "10px", "l": "12px", "xl": "14px", "xxl": "200px" }, "opacity": { "0": "0%", "1": "1%", "4": "4%", "8": "8%", "12": "12%", "16": "16%", "20": "20%", "24": "24%", "28": "28%", "32": "32%", "36": "36%", "40": "40%", "44": "44%", "48": "48%", "50": "50%", "56": "56%", "64": "64%", "72": "72%", "80": "80%" }, "padding": { "component-50": "2px", "component-100": "4px", "component-150": "6px", "component-200": "8px", "component-300": "12px", "component-400": "16px", "component-500": "20px", "component-600": "24px", "component-700": "32px", "component-800": "40px", "component-900": "48px", "component-1000": "56px", "component-1100": "64px", "component-1300": "80px", "component-1500": "100px", "component-1700": "120px", "section-50": "20px", "section-100": "24px", "section-200": "32px", "section-300": "40px", "section-400": "48px", "section-500": "56px", "section-600": "64px", "section-700": "80px", "section-800": "100px", "section-900": "120px" }, "size": { "0": "0px", "1": "1px", "2": "2px", "3": "3px", "4": "4px", "6": "6px", "8": "8px", "10": "10px", "12": "12px", "14": "14px", "16": "16px", "18": "18px", "20": "20px", "24": "24px", "32": "32px", "40": "40px", "48": "48px", "56": "56px", "64": "64px", "80": "80px", "100": "100px", "120": "120px", "140": "140px", "160": "160px", "180": "180px", "200": "200px", "minus6": "-6px", "minus4": "-4px", "minus2": "-2px" }, "gap": { "positive-50": "2px", "positive-100": "4px", "positive-150": "6px", "positive-200": "8px", "positive-300": "12px", "positive-400": "16px", "positive-500": "20px", "positive-600": "24px", "positive-700": "32px", "positive-800": "40px", "positive-900": "48px" }, "shadow": { "soft": ["0px 4px 12px rgba(0, 0, 0, 0.05)", "0px 6px 12px rgba(0, 0, 0, 0.2)"], "normal": ["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)", "0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"], "strong": ["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"], "heavy": ["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"] }, "iconSize": { "xs": "16px", "s": "20px", "m": "24px", "l": "32px", "xl": "40px" } };
34
34
 
35
35
  // src/color/index.ts
36
- var import_recoil2 = require("recoil");
36
+ var import_jotai2 = require("jotai");
37
37
 
38
38
  // src/store/theme.ts
39
- var import_recoil = require("recoil");
40
- var appAppearanceAtom = (0, import_recoil.atom)({
41
- key: "themeAtoms",
42
- default: "sys"
43
- });
44
- var systemAppearanceAtom = (0, import_recoil.atom)({
45
- key: "systemThemeAtoms",
46
- default: "notDetermined"
47
- });
39
+ var import_jotai = require("jotai");
40
+ var appAppearanceAtom = (0, import_jotai.atom)("sys");
41
+ var systemAppearanceAtom = (0, import_jotai.atom)("notDetermined");
48
42
 
49
43
  // src/color/index.ts
50
44
  var import_react = require("react");
51
45
  var useAppearance = /* @__PURE__ */ __name(() => {
52
- const [systemAppearance, setSystemAppearance] = (0, import_recoil2.useRecoilState)(systemAppearanceAtom);
53
- const [appAppearance, setAppAppearance] = (0, import_recoil2.useRecoilState)(appAppearanceAtom);
46
+ const [systemAppearance, setSystemAppearance] = (0, import_jotai2.useAtom)(systemAppearanceAtom);
47
+ const [appAppearance, setAppAppearance] = (0, import_jotai2.useAtom)(appAppearanceAtom);
54
48
  const effectiveAppearance = (0, import_react.useMemo)(() => {
55
49
  if (appAppearance === "sys") {
56
50
  if (systemAppearance === "notDetermined") {
package/lib/index.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/index.ts", "../src/generated/vars.ts", "../src/color/index.ts", "../src/store/theme.ts", "../src/hooks/useDarkTheme.ts"],
4
- "sourcesContent": ["export * from './generated/vars';\nexport * from './color';\nexport * from './hooks/useDarkTheme';\n", "export const vars = {\"color\":{\"light\":{\"neutral-container-lowest\":\"#ffffff\",\"neutral-container-lowest-hover\":\"#F9F9FA\",\"neutral-container-low\":\"#F9F9FA\",\"neutral-container-low-hover\":\"#F6F6F7\",\"neutral-container-mid\":\"#F6F6F7\",\"neutral-container-mid-hover\":\"#F1F1F2\",\"neutral-container-high\":\"#EDEEF0\",\"neutral-container-high-hover\":\"#E3E3E6\",\"neutral-container-highest\":\"#E9E9EB\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#ffffff\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.06)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.04)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.28)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#ffffff\",\"neutral-fill-opaque-lowest-hover\":\"#F9F9FA\",\"neutral-fill-opaque-low\":\"#F9F9FA\",\"neutral-fill-opaque-low-hover\":\"#F6F6F7\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#1E1E1F\",\"neutral-label-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-label-tertiary\":\"rgba(109,109,112,0.48)\",\"neutral-label-quaternary\":\"rgba(109,109,112,0.24)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"neutral-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"neutral-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"neutral-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"neutral-border-opaque-strong\":\"#1E1E1F\",\"neutral-border-opaque-normal\":\"#D7D7D9\",\"neutral-border-opaque-subtle\":\"#E9E9EB\",\"inverse-container-lowest\":\"#1E1E1F\",\"inverse-container-lowest-hover\":\"#272729\",\"inverse-container-low\":\"#272729\",\"inverse-container-low-hover\":\"#313133\",\"inverse-container-mid\":\"#313133\",\"inverse-container-mid-hover\":\"#39393B\",\"inverse-container-high\":\"#313133\",\"inverse-container-high-hover\":\"#4A4A4D\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#4A4A4D\",\"inverse-fill-opaque-lowest\":\"#1E1E1F\",\"inverse-fill-opaque-lowest-hover\":\"#272729\",\"inverse-fill-opaque-low\":\"#272729\",\"inverse-fill-opaque-low-hover\":\"#313133\",\"inverse-fill-opaque-mid\":\"#313133\",\"inverse-fill-mid\":\"#ffffff\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.32)\",\"inverse-label-primary\":\"#ffffff\",\"inverse-label-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-label-tertiary\":\"rgba(233,233,235,0.32)\",\"inverse-label-quaternary\":\"rgba(233,233,235,0.2)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"inverse-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"inverse-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"inverse-border-opaque-strong\":\"#ffffff\",\"inverse-border-opaque-normal\":\"#58595C\",\"inverse-border-opaque-subtle\":\"#39393B\",\"brand-container-mid\":\"#197B2E\",\"brand-container-mid-hover\":\"#006820\",\"brand-container-high\":\"#002109\",\"brand-fill-mid\":\"#197B2E\",\"brand-fill-mid-hover\":\"#006820\",\"brand-fill-low\":\"#E9F5EA\",\"brand-fill-low-hover\":\"#E2F2E3\",\"brand-label-primary\":\"#197B2E\",\"brand-label-secondary\":\"#14371B\",\"brand-label-variation-secondary\":\"#14371B\",\"brand-border-opaque-normal\":\"#14371B\",\"brand-border-opaque-strong\":\"#197B2E\",\"brandinverse-container-mid\":\"#236638\",\"brandinverse-container-mid-hover\":\"#00733E\",\"brandinverse-container-high\":\"#E9F5EA\",\"brandinverse-fill-mid\":\"#236638\",\"brandinverse-fill-mid-hover\":\"#00733E\",\"brandinverse-fill-low\":\"#1E2D24\",\"brandinverse-fill-low-hover\":\"#2B3A31\",\"brandinverse-label-primary\":\"#C6FFCD\",\"brandinverse-label-secondary\":\"#ffffff\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-border-opaque-normal\":\"#ffffff\",\"accent-label-primary\":\"#FE8F16\",\"accent-label-yellow\":\"#FFCC00\",\"accent-label-mint\":\"#02B0B0\",\"accent-label-cyan\":\"#40B3FF\",\"accent-label-purple\":\"#B450E6\",\"accent-label-pink\":\"#FF3377\",\"accent-fill-primary\":\"#FFB77C\",\"function-fill-positive-mid\":\"#30BF48\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#DB2323\",\"function-fill-caution\":\"#FE8F16\",\"function-fill-highlight\":\"#EAFFB6\",\"function-fill-selection\":\"rgba(20,55,27,0.08)\",\"function-fill-drag\":\"rgba(20,55,27,0.12)\",\"function-fill-positive-low\":\"#E6FCEA\",\"function-fill-negative-low\":\"#FFE7E7\",\"function-label-positive\":\"#148B28\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FE8F16\",\"function-label-link\":\"#1A79B8\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"},\"dark\":{\"neutral-container-lowest\":\"#1E1E1F\",\"neutral-container-lowest-hover\":\"#272729\",\"neutral-container-low\":\"#272729\",\"neutral-container-low-hover\":\"#313133\",\"neutral-container-mid\":\"#313133\",\"neutral-container-mid-hover\":\"#39393B\",\"neutral-container-high\":\"#313133\",\"neutral-container-high-hover\":\"#4A4A4D\",\"neutral-container-highest\":\"#4A4A4D\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#272729\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.12)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.44)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#1E1E1F\",\"neutral-fill-opaque-lowest-hover\":\"#272729\",\"neutral-fill-opaque-low\":\"#272729\",\"neutral-fill-opaque-low-hover\":\"#313133\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#ffffff\",\"neutral-label-secondary\":\"rgba(233,233,235,0.64)\",\"neutral-label-tertiary\":\"rgba(233,233,235,0.32)\",\"neutral-label-quaternary\":\"rgba(233,233,235,0.2)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"neutral-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"neutral-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"neutral-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"neutral-border-opaque-strong\":\"#ffffff\",\"neutral-border-opaque-normal\":\"#58595C\",\"neutral-border-opaque-subtle\":\"#39393B\",\"inverse-container-lowest\":\"#ffffff\",\"inverse-container-lowest-hover\":\"#F9F9FA\",\"inverse-container-low\":\"#F9F9FA\",\"inverse-container-low-hover\":\"#F6F6F7\",\"inverse-container-mid\":\"#F6F6F7\",\"inverse-container-mid-hover\":\"#F1F1F2\",\"inverse-container-high\":\"#EDEEF0\",\"inverse-container-high-hover\":\"#E3E3E6\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#E9E9EB\",\"inverse-fill-opaque-lowest\":\"#ffffff\",\"inverse-fill-opaque-lowest-hover\":\"#F9F9FA\",\"inverse-fill-opaque-low\":\"#F9F9FA\",\"inverse-fill-opaque-low-hover\":\"#F6F6F7\",\"inverse-fill-opaque-mid\":\"#F6F6F7\",\"inverse-fill-mid\":\"rgba(233,233,235,0.24)\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.16)\",\"inverse-label-primary\":\"#1E1E1F\",\"inverse-label-secondary\":\"rgba(109,109,112,0.8)\",\"inverse-label-tertiary\":\"rgba(109,109,112,0.48)\",\"inverse-label-quaternary\":\"rgba(109,109,112,0.24)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"inverse-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"inverse-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"inverse-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"inverse-border-opaque-strong\":\"#1E1E1F\",\"inverse-border-opaque-normal\":\"#D7D7D9\",\"inverse-border-opaque-subtle\":\"#E9E9EB\",\"brand-container-mid\":\"#236638\",\"brand-container-mid-hover\":\"#00733E\",\"brand-container-high\":\"#E9F5EA\",\"brand-fill-mid\":\"#236638\",\"brand-fill-mid-hover\":\"#00733E\",\"brand-fill-low\":\"#1E2D24\",\"brand-fill-low-hover\":\"#2B3A31\",\"brand-label-primary\":\"#C6FFCD\",\"brand-label-secondary\":\"#ffffff\",\"brand-label-variation-secondary\":\"#DEFFDF\",\"brand-border-opaque-normal\":\"#ffffff\",\"brand-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-container-mid\":\"#197B2E\",\"brandinverse-container-mid-hover\":\"#006820\",\"brandinverse-container-high\":\"#002109\",\"brandinverse-fill-mid\":\"#197B2E\",\"brandinverse-fill-mid-hover\":\"#006820\",\"brandinverse-fill-low\":\"#E9F5EA\",\"brandinverse-fill-low-hover\":\"#E2F2E3\",\"brandinverse-label-primary\":\"#197B2E\",\"brandinverse-label-secondary\":\"#14371B\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#197B2E\",\"brandinverse-border-opaque-normal\":\"#14371B\",\"accent-label-primary\":\"#FF9B3E\",\"accent-label-yellow\":\"#FFD739\",\"accent-label-mint\":\"#00CCCC\",\"accent-label-cyan\":\"#6AC4FF\",\"accent-label-purple\":\"#C978F2\",\"accent-label-pink\":\"#FF6095\",\"accent-fill-primary\":\"#B46200\",\"function-fill-positive-mid\":\"#5DDF73\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#FF6060\",\"function-fill-caution\":\"#FF9B3E\",\"function-fill-highlight\":\"#394D00\",\"function-fill-selection\":\"rgba(255,255,255,0.12)\",\"function-fill-drag\":\"rgba(255,255,255,0.16)\",\"function-fill-positive-low\":\"#075714\",\"function-fill-negative-low\":\"#710808\",\"function-label-positive\":\"#5DDF73\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FF9B3E\",\"function-label-link\":\"#6AC4FF\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"}},\"radius\":{\"xxs\":\"2px\",\"xs\":\"6px\",\"s\":\"8px\",\"m\":\"10px\",\"l\":\"12px\",\"xl\":\"14px\",\"xxl\":\"200px\"},\"opacity\":{\"0\":\"0%\",\"1\":\"1%\",\"4\":\"4%\",\"8\":\"8%\",\"12\":\"12%\",\"16\":\"16%\",\"20\":\"20%\",\"24\":\"24%\",\"28\":\"28%\",\"32\":\"32%\",\"36\":\"36%\",\"40\":\"40%\",\"44\":\"44%\",\"48\":\"48%\",\"50\":\"50%\",\"56\":\"56%\",\"64\":\"64%\",\"72\":\"72%\",\"80\":\"80%\"},\"padding\":{\"component-50\":\"2px\",\"component-100\":\"4px\",\"component-150\":\"6px\",\"component-200\":\"8px\",\"component-300\":\"12px\",\"component-400\":\"16px\",\"component-500\":\"20px\",\"component-600\":\"24px\",\"component-700\":\"32px\",\"component-800\":\"40px\",\"component-900\":\"48px\",\"component-1000\":\"56px\",\"component-1100\":\"64px\",\"component-1300\":\"80px\",\"component-1500\":\"100px\",\"component-1700\":\"120px\",\"section-50\":\"20px\",\"section-100\":\"24px\",\"section-200\":\"32px\",\"section-300\":\"40px\",\"section-400\":\"48px\",\"section-500\":\"56px\",\"section-600\":\"64px\",\"section-700\":\"80px\",\"section-800\":\"100px\",\"section-900\":\"120px\"},\"size\":{\"0\":\"0px\",\"1\":\"1px\",\"2\":\"2px\",\"3\":\"3px\",\"4\":\"4px\",\"6\":\"6px\",\"8\":\"8px\",\"10\":\"10px\",\"12\":\"12px\",\"14\":\"14px\",\"16\":\"16px\",\"18\":\"18px\",\"20\":\"20px\",\"24\":\"24px\",\"32\":\"32px\",\"40\":\"40px\",\"48\":\"48px\",\"56\":\"56px\",\"64\":\"64px\",\"80\":\"80px\",\"100\":\"100px\",\"120\":\"120px\",\"140\":\"140px\",\"160\":\"160px\",\"180\":\"180px\",\"200\":\"200px\",\"minus6\":\"-6px\",\"minus4\":\"-4px\",\"minus2\":\"-2px\"},\"gap\":{\"positive-50\":\"2px\",\"positive-100\":\"4px\",\"positive-150\":\"6px\",\"positive-200\":\"8px\",\"positive-300\":\"12px\",\"positive-400\":\"16px\",\"positive-500\":\"20px\",\"positive-600\":\"24px\",\"positive-700\":\"32px\",\"positive-800\":\"40px\",\"positive-900\":\"48px\"},\"shadow\":{\"soft\":[\"0px 4px 12px rgba(0, 0, 0, 0.05)\",\"0px 6px 12px rgba(0, 0, 0, 0.2)\"],\"normal\":[\"0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)\",\"0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)\"],\"strong\":[\"0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"],\"heavy\":[\"0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"]},\"iconSize\":{\"xs\":\"16px\",\"s\":\"20px\",\"m\":\"24px\",\"l\":\"32px\",\"xl\":\"40px\"}}", "import { useRecoilState } from 'recoil';\nimport { vars } from '../generated/vars';\nimport { appAppearanceAtom, systemAppearanceAtom } from '../store/theme';\nimport { useMemo } from 'react';\n\nexport type ColorType = typeof vars.color.light;\nexport type EffectiveAppearance = 'dark' | 'light';\nexport type AppAppearance = EffectiveAppearance | 'sys';\nexport type SystemAppearance = EffectiveAppearance | 'notDetermined';\n\nexport const useAppearance = () => {\n const [systemAppearance, setSystemAppearance] = useRecoilState(systemAppearanceAtom);\n const [appAppearance, setAppAppearance] = useRecoilState(appAppearanceAtom);\n\n const effectiveAppearance: EffectiveAppearance = useMemo(() => {\n if (appAppearance === 'sys') {\n if (systemAppearance === 'notDetermined') {\n return 'light';\n }\n\n return systemAppearance;\n }\n\n return appAppearance;\n }, [appAppearance, systemAppearance]);\n\n return {\n effectiveAppearance,\n appAppearance,\n systemAppearance,\n setAppAppearance,\n setSystemAppearance,\n };\n};\n\nexport const useColor = <T>(\n StyleSheetFunction: (color: ColorType) => T,\n): { styles: T; color: ColorType } => {\n const { effectiveAppearance } = useAppearance();\n const colorToken = vars.color[effectiveAppearance];\n\n return {\n styles: StyleSheetFunction(colorToken),\n color: colorToken,\n };\n};\n\nexport const MMKV_KEY = 'MMKV_KEY_THEME';\n", "import { atom } from 'recoil';\nimport { AppAppearance, SystemAppearance } from '../color';\n\nexport const appAppearanceAtom = atom<AppAppearance>({\n key: 'themeAtoms',\n default: 'sys',\n});\n\nexport const systemAppearanceAtom = atom<SystemAppearance>({\n key: 'systemThemeAtoms',\n default: 'notDetermined',\n});\n", "import { useAppearance } from '../color';\n\nexport const useDarkTheme = () => {\n const { effectiveAppearance, appAppearance } = useAppearance();\n\n return {\n isDarkTheme: effectiveAppearance === 'dark',\n /**\n * darkMode\uB97C \uAD6C\uBD84\uD558\uACE0 \uC2F6\uB2E4\uBA74 theme\uB9D0\uACE0 isDarkTheme\uB97C \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.\n */\n theme: appAppearance,\n };\n};\n"],
5
- "mappings": "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",
6
- "names": ["import_recoil"]
4
+ "sourcesContent": ["export * from './generated/vars';\nexport * from './color';\nexport * from './hooks/useDarkTheme';\n", "export const vars = {\"color\":{\"light\":{\"neutral-container-lowest\":\"#ffffff\",\"neutral-container-lowest-hover\":\"#F9F9FA\",\"neutral-container-low\":\"#F9F9FA\",\"neutral-container-low-hover\":\"#F6F6F7\",\"neutral-container-mid\":\"#F6F6F7\",\"neutral-container-mid-hover\":\"#F1F1F2\",\"neutral-container-high\":\"#EDEEF0\",\"neutral-container-high-hover\":\"#E3E3E6\",\"neutral-container-highest\":\"#E9E9EB\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#ffffff\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.06)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.04)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.28)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#ffffff\",\"neutral-fill-opaque-lowest-hover\":\"#F9F9FA\",\"neutral-fill-opaque-low\":\"#F9F9FA\",\"neutral-fill-opaque-low-hover\":\"#F6F6F7\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#1E1E1F\",\"neutral-label-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-label-tertiary\":\"rgba(109,109,112,0.48)\",\"neutral-label-quaternary\":\"rgba(109,109,112,0.24)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"neutral-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"neutral-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"neutral-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"neutral-border-opaque-strong\":\"#1E1E1F\",\"neutral-border-opaque-normal\":\"#D7D7D9\",\"neutral-border-opaque-subtle\":\"#E9E9EB\",\"inverse-container-lowest\":\"#1E1E1F\",\"inverse-container-lowest-hover\":\"#272729\",\"inverse-container-low\":\"#272729\",\"inverse-container-low-hover\":\"#313133\",\"inverse-container-mid\":\"#313133\",\"inverse-container-mid-hover\":\"#39393B\",\"inverse-container-high\":\"#313133\",\"inverse-container-high-hover\":\"#4A4A4D\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#4A4A4D\",\"inverse-fill-opaque-lowest\":\"#1E1E1F\",\"inverse-fill-opaque-lowest-hover\":\"#272729\",\"inverse-fill-opaque-low\":\"#272729\",\"inverse-fill-opaque-low-hover\":\"#313133\",\"inverse-fill-opaque-mid\":\"#313133\",\"inverse-fill-mid\":\"#ffffff\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.32)\",\"inverse-label-primary\":\"#ffffff\",\"inverse-label-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-label-tertiary\":\"rgba(233,233,235,0.32)\",\"inverse-label-quaternary\":\"rgba(233,233,235,0.2)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"inverse-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"inverse-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"inverse-border-opaque-strong\":\"#ffffff\",\"inverse-border-opaque-normal\":\"#58595C\",\"inverse-border-opaque-subtle\":\"#39393B\",\"brand-container-mid\":\"#197B2E\",\"brand-container-mid-hover\":\"#006E23\",\"brand-container-high\":\"#002109\",\"brand-fill-mid\":\"#197B2E\",\"brand-fill-mid-hover\":\"#006E23\",\"brand-fill-low\":\"#E9F5EA\",\"brand-fill-low-hover\":\"#E2F2E3\",\"brand-label-primary\":\"#197B2E\",\"brand-label-secondary\":\"#14371B\",\"brand-label-variation-secondary\":\"#14371B\",\"brand-border-opaque-normal\":\"#14371B\",\"brand-border-opaque-strong\":\"#197B2E\",\"brandinverse-container-mid\":\"#236638\",\"brandinverse-container-mid-hover\":\"#00733E\",\"brandinverse-container-high\":\"#E9F5EA\",\"brandinverse-fill-mid\":\"#236638\",\"brandinverse-fill-mid-hover\":\"#00733E\",\"brandinverse-fill-low\":\"#1E2D24\",\"brandinverse-fill-low-hover\":\"#2B3A31\",\"brandinverse-label-primary\":\"#C6FFCD\",\"brandinverse-label-secondary\":\"#ffffff\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-border-opaque-normal\":\"#ffffff\",\"accent-label-primary\":\"#FE8F16\",\"accent-label-yellow\":\"#FFCC00\",\"accent-label-mint\":\"#02B0B0\",\"accent-label-cyan\":\"#40B3FF\",\"accent-label-purple\":\"#B450E6\",\"accent-label-pink\":\"#FF3377\",\"accent-fill-primary\":\"#FFB77C\",\"function-fill-positive-mid\":\"#30BF48\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#DB2323\",\"function-fill-caution\":\"#FE8F16\",\"function-fill-highlight\":\"#EAFFB6\",\"function-fill-selection\":\"rgba(20,55,27,0.08)\",\"function-fill-drag\":\"rgba(20,55,27,0.12)\",\"function-fill-positive-low\":\"#E6FCEA\",\"function-fill-negative-low\":\"#FFE7E7\",\"function-label-positive\":\"#148B28\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FE8F16\",\"function-label-link\":\"#1A79B8\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"},\"dark\":{\"neutral-container-lowest\":\"#1E1E1F\",\"neutral-container-lowest-hover\":\"#272729\",\"neutral-container-low\":\"#272729\",\"neutral-container-low-hover\":\"#313133\",\"neutral-container-mid\":\"#313133\",\"neutral-container-mid-hover\":\"#39393B\",\"neutral-container-high\":\"#313133\",\"neutral-container-high-hover\":\"#4A4A4D\",\"neutral-container-highest\":\"#4A4A4D\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#272729\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.12)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.44)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#1E1E1F\",\"neutral-fill-opaque-lowest-hover\":\"#272729\",\"neutral-fill-opaque-low\":\"#272729\",\"neutral-fill-opaque-low-hover\":\"#313133\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#ffffff\",\"neutral-label-secondary\":\"rgba(233,233,235,0.64)\",\"neutral-label-tertiary\":\"rgba(233,233,235,0.32)\",\"neutral-label-quaternary\":\"rgba(233,233,235,0.2)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"neutral-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"neutral-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"neutral-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"neutral-border-opaque-strong\":\"#ffffff\",\"neutral-border-opaque-normal\":\"#58595C\",\"neutral-border-opaque-subtle\":\"#39393B\",\"inverse-container-lowest\":\"#ffffff\",\"inverse-container-lowest-hover\":\"#F9F9FA\",\"inverse-container-low\":\"#F9F9FA\",\"inverse-container-low-hover\":\"#F6F6F7\",\"inverse-container-mid\":\"#F6F6F7\",\"inverse-container-mid-hover\":\"#F1F1F2\",\"inverse-container-high\":\"#EDEEF0\",\"inverse-container-high-hover\":\"#E3E3E6\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#E9E9EB\",\"inverse-fill-opaque-lowest\":\"#ffffff\",\"inverse-fill-opaque-lowest-hover\":\"#F9F9FA\",\"inverse-fill-opaque-low\":\"#F9F9FA\",\"inverse-fill-opaque-low-hover\":\"#F6F6F7\",\"inverse-fill-opaque-mid\":\"#F6F6F7\",\"inverse-fill-mid\":\"rgba(233,233,235,0.24)\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.16)\",\"inverse-label-primary\":\"#1E1E1F\",\"inverse-label-secondary\":\"rgba(109,109,112,0.8)\",\"inverse-label-tertiary\":\"rgba(109,109,112,0.48)\",\"inverse-label-quaternary\":\"rgba(109,109,112,0.24)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"inverse-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"inverse-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"inverse-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"inverse-border-opaque-strong\":\"#1E1E1F\",\"inverse-border-opaque-normal\":\"#D7D7D9\",\"inverse-border-opaque-subtle\":\"#E9E9EB\",\"brand-container-mid\":\"#236638\",\"brand-container-mid-hover\":\"#00733E\",\"brand-container-high\":\"#E9F5EA\",\"brand-fill-mid\":\"#236638\",\"brand-fill-mid-hover\":\"#00733E\",\"brand-fill-low\":\"#1E2D24\",\"brand-fill-low-hover\":\"#2B3A31\",\"brand-label-primary\":\"#C6FFCD\",\"brand-label-secondary\":\"#ffffff\",\"brand-label-variation-secondary\":\"#DEFFDF\",\"brand-border-opaque-normal\":\"#ffffff\",\"brand-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-container-mid\":\"#197B2E\",\"brandinverse-container-mid-hover\":\"#006E23\",\"brandinverse-container-high\":\"#002109\",\"brandinverse-fill-mid\":\"#197B2E\",\"brandinverse-fill-mid-hover\":\"#006E23\",\"brandinverse-fill-low\":\"#E9F5EA\",\"brandinverse-fill-low-hover\":\"#E2F2E3\",\"brandinverse-label-primary\":\"#197B2E\",\"brandinverse-label-secondary\":\"#14371B\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#197B2E\",\"brandinverse-border-opaque-normal\":\"#14371B\",\"accent-label-primary\":\"#FF9B3E\",\"accent-label-yellow\":\"#FFD739\",\"accent-label-mint\":\"#00CCCC\",\"accent-label-cyan\":\"#6AC4FF\",\"accent-label-purple\":\"#C978F2\",\"accent-label-pink\":\"#FF6095\",\"accent-fill-primary\":\"#B46200\",\"function-fill-positive-mid\":\"#5DDF73\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#FF6060\",\"function-fill-caution\":\"#FF9B3E\",\"function-fill-highlight\":\"#394D00\",\"function-fill-selection\":\"rgba(255,255,255,0.12)\",\"function-fill-drag\":\"rgba(255,255,255,0.16)\",\"function-fill-positive-low\":\"#075714\",\"function-fill-negative-low\":\"#710808\",\"function-label-positive\":\"#5DDF73\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FF9B3E\",\"function-label-link\":\"#6AC4FF\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"}},\"radius\":{\"xxs\":\"2px\",\"xs\":\"6px\",\"s\":\"8px\",\"m\":\"10px\",\"l\":\"12px\",\"xl\":\"14px\",\"xxl\":\"200px\"},\"opacity\":{\"0\":\"0%\",\"1\":\"1%\",\"4\":\"4%\",\"8\":\"8%\",\"12\":\"12%\",\"16\":\"16%\",\"20\":\"20%\",\"24\":\"24%\",\"28\":\"28%\",\"32\":\"32%\",\"36\":\"36%\",\"40\":\"40%\",\"44\":\"44%\",\"48\":\"48%\",\"50\":\"50%\",\"56\":\"56%\",\"64\":\"64%\",\"72\":\"72%\",\"80\":\"80%\"},\"padding\":{\"component-50\":\"2px\",\"component-100\":\"4px\",\"component-150\":\"6px\",\"component-200\":\"8px\",\"component-300\":\"12px\",\"component-400\":\"16px\",\"component-500\":\"20px\",\"component-600\":\"24px\",\"component-700\":\"32px\",\"component-800\":\"40px\",\"component-900\":\"48px\",\"component-1000\":\"56px\",\"component-1100\":\"64px\",\"component-1300\":\"80px\",\"component-1500\":\"100px\",\"component-1700\":\"120px\",\"section-50\":\"20px\",\"section-100\":\"24px\",\"section-200\":\"32px\",\"section-300\":\"40px\",\"section-400\":\"48px\",\"section-500\":\"56px\",\"section-600\":\"64px\",\"section-700\":\"80px\",\"section-800\":\"100px\",\"section-900\":\"120px\"},\"size\":{\"0\":\"0px\",\"1\":\"1px\",\"2\":\"2px\",\"3\":\"3px\",\"4\":\"4px\",\"6\":\"6px\",\"8\":\"8px\",\"10\":\"10px\",\"12\":\"12px\",\"14\":\"14px\",\"16\":\"16px\",\"18\":\"18px\",\"20\":\"20px\",\"24\":\"24px\",\"32\":\"32px\",\"40\":\"40px\",\"48\":\"48px\",\"56\":\"56px\",\"64\":\"64px\",\"80\":\"80px\",\"100\":\"100px\",\"120\":\"120px\",\"140\":\"140px\",\"160\":\"160px\",\"180\":\"180px\",\"200\":\"200px\",\"minus6\":\"-6px\",\"minus4\":\"-4px\",\"minus2\":\"-2px\"},\"gap\":{\"positive-50\":\"2px\",\"positive-100\":\"4px\",\"positive-150\":\"6px\",\"positive-200\":\"8px\",\"positive-300\":\"12px\",\"positive-400\":\"16px\",\"positive-500\":\"20px\",\"positive-600\":\"24px\",\"positive-700\":\"32px\",\"positive-800\":\"40px\",\"positive-900\":\"48px\"},\"shadow\":{\"soft\":[\"0px 4px 12px rgba(0, 0, 0, 0.05)\",\"0px 6px 12px rgba(0, 0, 0, 0.2)\"],\"normal\":[\"0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)\",\"0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)\"],\"strong\":[\"0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"],\"heavy\":[\"0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"]},\"iconSize\":{\"xs\":\"16px\",\"s\":\"20px\",\"m\":\"24px\",\"l\":\"32px\",\"xl\":\"40px\"}}", "import { useAtom } from 'jotai';\nimport { vars } from '../generated/vars';\nimport { appAppearanceAtom, systemAppearanceAtom } from '../store/theme';\nimport { useMemo } from 'react';\n\nexport type ColorType = typeof vars.color.light;\nexport type EffectiveAppearance = 'dark' | 'light';\nexport type AppAppearance = EffectiveAppearance | 'sys';\nexport type SystemAppearance = EffectiveAppearance | 'notDetermined';\n\nexport const useAppearance = () => {\n const [systemAppearance, setSystemAppearance] = useAtom(systemAppearanceAtom);\n const [appAppearance, setAppAppearance] = useAtom(appAppearanceAtom);\n\n const effectiveAppearance: EffectiveAppearance = useMemo(() => {\n if (appAppearance === 'sys') {\n if (systemAppearance === 'notDetermined') {\n return 'light';\n }\n\n return systemAppearance;\n }\n\n return appAppearance;\n }, [appAppearance, systemAppearance]);\n\n return {\n effectiveAppearance,\n appAppearance,\n systemAppearance,\n setAppAppearance,\n setSystemAppearance,\n };\n};\n\nexport const useColor = <T>(\n StyleSheetFunction: (color: ColorType) => T,\n): { styles: T; color: ColorType } => {\n const { effectiveAppearance } = useAppearance();\n const colorToken = vars.color[effectiveAppearance];\n\n return {\n styles: StyleSheetFunction(colorToken),\n color: colorToken,\n };\n};\n\nexport const MMKV_KEY = 'MMKV_KEY_THEME';\n", "import { atom } from 'jotai';\nimport { AppAppearance, SystemAppearance } from '../color';\n\nexport const appAppearanceAtom = atom<AppAppearance>('sys');\n\nexport const systemAppearanceAtom = atom<SystemAppearance>('notDetermined');\n", "import { useAppearance } from '../color';\n\nexport const useDarkTheme = () => {\n const { effectiveAppearance, appAppearance } = useAppearance();\n\n return {\n isDarkTheme: effectiveAppearance === 'dark',\n /**\n * darkMode\uB97C \uAD6C\uBD84\uD558\uACE0 \uC2F6\uB2E4\uBA74 theme\uB9D0\uACE0 isDarkTheme\uB97C \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.\n */\n theme: appAppearance,\n };\n};\n"],
5
+ "mappings": "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",
6
+ "names": ["import_jotai"]
7
7
  }
package/lib/index.mjs CHANGED
@@ -2,27 +2,21 @@ var __defProp = Object.defineProperty;
2
2
  var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
3
 
4
4
  // src/generated/vars.ts
5
- var vars = { "color": { "light": { "neutral-container-lowest": "#ffffff", "neutral-container-lowest-hover": "#F9F9FA", "neutral-container-low": "#F9F9FA", "neutral-container-low-hover": "#F6F6F7", "neutral-container-mid": "#F6F6F7", "neutral-container-mid-hover": "#F1F1F2", "neutral-container-high": "#EDEEF0", "neutral-container-high-hover": "#E3E3E6", "neutral-container-highest": "#E9E9EB", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#ffffff", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.06)", "neutral-fill-overlay-low": "rgba(109,109,112,0.04)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.16)", "neutral-fill-overlay-high": "rgba(109,109,112,0.2)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.28)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#ffffff", "neutral-fill-opaque-lowest-hover": "#F9F9FA", "neutral-fill-opaque-low": "#F9F9FA", "neutral-fill-opaque-low-hover": "#F6F6F7", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#1E1E1F", "neutral-label-secondary": "rgba(109,109,112,0.8)", "neutral-label-tertiary": "rgba(109,109,112,0.48)", "neutral-label-quaternary": "rgba(109,109,112,0.24)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(109,109,112,0.64)", "neutral-border-overlay-normal": "rgba(109,109,112,0.24)", "neutral-border-overlay-subtle": "rgba(109,109,112,0.16)", "neutral-border-overlay-hint": "rgba(109,109,112,0.12)", "neutral-border-opaque-strong": "#1E1E1F", "neutral-border-opaque-normal": "#D7D7D9", "neutral-border-opaque-subtle": "#E9E9EB", "inverse-container-lowest": "#1E1E1F", "inverse-container-lowest-hover": "#272729", "inverse-container-low": "#272729", "inverse-container-low-hover": "#313133", "inverse-container-mid": "#313133", "inverse-container-mid-hover": "#39393B", "inverse-container-high": "#313133", "inverse-container-high-hover": "#4A4A4D", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#4A4A4D", "inverse-fill-opaque-lowest": "#1E1E1F", "inverse-fill-opaque-lowest-hover": "#272729", "inverse-fill-opaque-low": "#272729", "inverse-fill-opaque-low-hover": "#313133", "inverse-fill-opaque-mid": "#313133", "inverse-fill-mid": "#ffffff", "inverse-fill-mid-hover": "rgba(109,109,112,0.32)", "inverse-label-primary": "#ffffff", "inverse-label-secondary": "rgba(233,233,235,0.64)", "inverse-label-tertiary": "rgba(233,233,235,0.32)", "inverse-label-quaternary": "rgba(233,233,235,0.2)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(233,233,235,0.64)", "inverse-border-overlay-normal": "rgba(233,233,235,0.28)", "inverse-border-overlay-subtle": "rgba(233,233,235,0.2)", "inverse-border-overlay-hint": "rgba(233,233,235,0.12)", "inverse-border-opaque-strong": "#ffffff", "inverse-border-opaque-normal": "#58595C", "inverse-border-opaque-subtle": "#39393B", "brand-container-mid": "#197B2E", "brand-container-mid-hover": "#006820", "brand-container-high": "#002109", "brand-fill-mid": "#197B2E", "brand-fill-mid-hover": "#006820", "brand-fill-low": "#E9F5EA", "brand-fill-low-hover": "#E2F2E3", "brand-label-primary": "#197B2E", "brand-label-secondary": "#14371B", "brand-label-variation-secondary": "#14371B", "brand-border-opaque-normal": "#14371B", "brand-border-opaque-strong": "#197B2E", "brandinverse-container-mid": "#236638", "brandinverse-container-mid-hover": "#00733E", "brandinverse-container-high": "#E9F5EA", "brandinverse-fill-mid": "#236638", "brandinverse-fill-mid-hover": "#00733E", "brandinverse-fill-low": "#1E2D24", "brandinverse-fill-low-hover": "#2B3A31", "brandinverse-label-primary": "#C6FFCD", "brandinverse-label-secondary": "#ffffff", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#C6FFCD", "brandinverse-border-opaque-normal": "#ffffff", "accent-label-primary": "#FE8F16", "accent-label-yellow": "#FFCC00", "accent-label-mint": "#02B0B0", "accent-label-cyan": "#40B3FF", "accent-label-purple": "#B450E6", "accent-label-pink": "#FF3377", "accent-fill-primary": "#FFB77C", "function-fill-positive-mid": "#30BF48", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#DB2323", "function-fill-caution": "#FE8F16", "function-fill-highlight": "#EAFFB6", "function-fill-selection": "rgba(20,55,27,0.08)", "function-fill-drag": "rgba(20,55,27,0.12)", "function-fill-positive-low": "#E6FCEA", "function-fill-negative-low": "#FFE7E7", "function-label-positive": "#148B28", "function-label-negative": "#FF3333", "function-label-caution": "#FE8F16", "function-label-link": "#1A79B8", "cover-dim-page": "rgba(0,0,0,0.48)" }, "dark": { "neutral-container-lowest": "#1E1E1F", "neutral-container-lowest-hover": "#272729", "neutral-container-low": "#272729", "neutral-container-low-hover": "#313133", "neutral-container-mid": "#313133", "neutral-container-mid-hover": "#39393B", "neutral-container-high": "#313133", "neutral-container-high-hover": "#4A4A4D", "neutral-container-highest": "#4A4A4D", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#272729", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.12)", "neutral-fill-overlay-low": "rgba(109,109,112,0.08)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.2)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.16)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.44)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#1E1E1F", "neutral-fill-opaque-lowest-hover": "#272729", "neutral-fill-opaque-low": "#272729", "neutral-fill-opaque-low-hover": "#313133", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#ffffff", "neutral-label-secondary": "rgba(233,233,235,0.64)", "neutral-label-tertiary": "rgba(233,233,235,0.32)", "neutral-label-quaternary": "rgba(233,233,235,0.2)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(233,233,235,0.64)", "neutral-border-overlay-normal": "rgba(233,233,235,0.28)", "neutral-border-overlay-subtle": "rgba(233,233,235,0.2)", "neutral-border-overlay-hint": "rgba(233,233,235,0.12)", "neutral-border-opaque-strong": "#ffffff", "neutral-border-opaque-normal": "#58595C", "neutral-border-opaque-subtle": "#39393B", "inverse-container-lowest": "#ffffff", "inverse-container-lowest-hover": "#F9F9FA", "inverse-container-low": "#F9F9FA", "inverse-container-low-hover": "#F6F6F7", "inverse-container-mid": "#F6F6F7", "inverse-container-mid-hover": "#F1F1F2", "inverse-container-high": "#EDEEF0", "inverse-container-high-hover": "#E3E3E6", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#E9E9EB", "inverse-fill-opaque-lowest": "#ffffff", "inverse-fill-opaque-lowest-hover": "#F9F9FA", "inverse-fill-opaque-low": "#F9F9FA", "inverse-fill-opaque-low-hover": "#F6F6F7", "inverse-fill-opaque-mid": "#F6F6F7", "inverse-fill-mid": "rgba(233,233,235,0.24)", "inverse-fill-mid-hover": "rgba(109,109,112,0.16)", "inverse-label-primary": "#1E1E1F", "inverse-label-secondary": "rgba(109,109,112,0.8)", "inverse-label-tertiary": "rgba(109,109,112,0.48)", "inverse-label-quaternary": "rgba(109,109,112,0.24)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(109,109,112,0.64)", "inverse-border-overlay-normal": "rgba(109,109,112,0.24)", "inverse-border-overlay-subtle": "rgba(109,109,112,0.16)", "inverse-border-overlay-hint": "rgba(109,109,112,0.12)", "inverse-border-opaque-strong": "#1E1E1F", "inverse-border-opaque-normal": "#D7D7D9", "inverse-border-opaque-subtle": "#E9E9EB", "brand-container-mid": "#236638", "brand-container-mid-hover": "#00733E", "brand-container-high": "#E9F5EA", "brand-fill-mid": "#236638", "brand-fill-mid-hover": "#00733E", "brand-fill-low": "#1E2D24", "brand-fill-low-hover": "#2B3A31", "brand-label-primary": "#C6FFCD", "brand-label-secondary": "#ffffff", "brand-label-variation-secondary": "#DEFFDF", "brand-border-opaque-normal": "#ffffff", "brand-border-opaque-strong": "#C6FFCD", "brandinverse-container-mid": "#197B2E", "brandinverse-container-mid-hover": "#006820", "brandinverse-container-high": "#002109", "brandinverse-fill-mid": "#197B2E", "brandinverse-fill-mid-hover": "#006820", "brandinverse-fill-low": "#E9F5EA", "brandinverse-fill-low-hover": "#E2F2E3", "brandinverse-label-primary": "#197B2E", "brandinverse-label-secondary": "#14371B", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#197B2E", "brandinverse-border-opaque-normal": "#14371B", "accent-label-primary": "#FF9B3E", "accent-label-yellow": "#FFD739", "accent-label-mint": "#00CCCC", "accent-label-cyan": "#6AC4FF", "accent-label-purple": "#C978F2", "accent-label-pink": "#FF6095", "accent-fill-primary": "#B46200", "function-fill-positive-mid": "#5DDF73", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#FF6060", "function-fill-caution": "#FF9B3E", "function-fill-highlight": "#394D00", "function-fill-selection": "rgba(255,255,255,0.12)", "function-fill-drag": "rgba(255,255,255,0.16)", "function-fill-positive-low": "#075714", "function-fill-negative-low": "#710808", "function-label-positive": "#5DDF73", "function-label-negative": "#FF3333", "function-label-caution": "#FF9B3E", "function-label-link": "#6AC4FF", "cover-dim-page": "rgba(0,0,0,0.48)" } }, "radius": { "xxs": "2px", "xs": "6px", "s": "8px", "m": "10px", "l": "12px", "xl": "14px", "xxl": "200px" }, "opacity": { "0": "0%", "1": "1%", "4": "4%", "8": "8%", "12": "12%", "16": "16%", "20": "20%", "24": "24%", "28": "28%", "32": "32%", "36": "36%", "40": "40%", "44": "44%", "48": "48%", "50": "50%", "56": "56%", "64": "64%", "72": "72%", "80": "80%" }, "padding": { "component-50": "2px", "component-100": "4px", "component-150": "6px", "component-200": "8px", "component-300": "12px", "component-400": "16px", "component-500": "20px", "component-600": "24px", "component-700": "32px", "component-800": "40px", "component-900": "48px", "component-1000": "56px", "component-1100": "64px", "component-1300": "80px", "component-1500": "100px", "component-1700": "120px", "section-50": "20px", "section-100": "24px", "section-200": "32px", "section-300": "40px", "section-400": "48px", "section-500": "56px", "section-600": "64px", "section-700": "80px", "section-800": "100px", "section-900": "120px" }, "size": { "0": "0px", "1": "1px", "2": "2px", "3": "3px", "4": "4px", "6": "6px", "8": "8px", "10": "10px", "12": "12px", "14": "14px", "16": "16px", "18": "18px", "20": "20px", "24": "24px", "32": "32px", "40": "40px", "48": "48px", "56": "56px", "64": "64px", "80": "80px", "100": "100px", "120": "120px", "140": "140px", "160": "160px", "180": "180px", "200": "200px", "minus6": "-6px", "minus4": "-4px", "minus2": "-2px" }, "gap": { "positive-50": "2px", "positive-100": "4px", "positive-150": "6px", "positive-200": "8px", "positive-300": "12px", "positive-400": "16px", "positive-500": "20px", "positive-600": "24px", "positive-700": "32px", "positive-800": "40px", "positive-900": "48px" }, "shadow": { "soft": ["0px 4px 12px rgba(0, 0, 0, 0.05)", "0px 6px 12px rgba(0, 0, 0, 0.2)"], "normal": ["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)", "0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"], "strong": ["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"], "heavy": ["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"] }, "iconSize": { "xs": "16px", "s": "20px", "m": "24px", "l": "32px", "xl": "40px" } };
5
+ var vars = { "color": { "light": { "neutral-container-lowest": "#ffffff", "neutral-container-lowest-hover": "#F9F9FA", "neutral-container-low": "#F9F9FA", "neutral-container-low-hover": "#F6F6F7", "neutral-container-mid": "#F6F6F7", "neutral-container-mid-hover": "#F1F1F2", "neutral-container-high": "#EDEEF0", "neutral-container-high-hover": "#E3E3E6", "neutral-container-highest": "#E9E9EB", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#ffffff", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.06)", "neutral-fill-overlay-low": "rgba(109,109,112,0.04)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.08)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.16)", "neutral-fill-overlay-high": "rgba(109,109,112,0.2)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.28)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#ffffff", "neutral-fill-opaque-lowest-hover": "#F9F9FA", "neutral-fill-opaque-low": "#F9F9FA", "neutral-fill-opaque-low-hover": "#F6F6F7", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#1E1E1F", "neutral-label-secondary": "rgba(109,109,112,0.8)", "neutral-label-tertiary": "rgba(109,109,112,0.48)", "neutral-label-quaternary": "rgba(109,109,112,0.24)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(109,109,112,0.64)", "neutral-border-overlay-normal": "rgba(109,109,112,0.24)", "neutral-border-overlay-subtle": "rgba(109,109,112,0.16)", "neutral-border-overlay-hint": "rgba(109,109,112,0.12)", "neutral-border-opaque-strong": "#1E1E1F", "neutral-border-opaque-normal": "#D7D7D9", "neutral-border-opaque-subtle": "#E9E9EB", "inverse-container-lowest": "#1E1E1F", "inverse-container-lowest-hover": "#272729", "inverse-container-low": "#272729", "inverse-container-low-hover": "#313133", "inverse-container-mid": "#313133", "inverse-container-mid-hover": "#39393B", "inverse-container-high": "#313133", "inverse-container-high-hover": "#4A4A4D", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#4A4A4D", "inverse-fill-opaque-lowest": "#1E1E1F", "inverse-fill-opaque-lowest-hover": "#272729", "inverse-fill-opaque-low": "#272729", "inverse-fill-opaque-low-hover": "#313133", "inverse-fill-opaque-mid": "#313133", "inverse-fill-mid": "#ffffff", "inverse-fill-mid-hover": "rgba(109,109,112,0.32)", "inverse-label-primary": "#ffffff", "inverse-label-secondary": "rgba(233,233,235,0.64)", "inverse-label-tertiary": "rgba(233,233,235,0.32)", "inverse-label-quaternary": "rgba(233,233,235,0.2)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(233,233,235,0.64)", "inverse-border-overlay-normal": "rgba(233,233,235,0.28)", "inverse-border-overlay-subtle": "rgba(233,233,235,0.2)", "inverse-border-overlay-hint": "rgba(233,233,235,0.12)", "inverse-border-opaque-strong": "#ffffff", "inverse-border-opaque-normal": "#58595C", "inverse-border-opaque-subtle": "#39393B", "brand-container-mid": "#197B2E", "brand-container-mid-hover": "#006E23", "brand-container-high": "#002109", "brand-fill-mid": "#197B2E", "brand-fill-mid-hover": "#006E23", "brand-fill-low": "#E9F5EA", "brand-fill-low-hover": "#E2F2E3", "brand-label-primary": "#197B2E", "brand-label-secondary": "#14371B", "brand-label-variation-secondary": "#14371B", "brand-border-opaque-normal": "#14371B", "brand-border-opaque-strong": "#197B2E", "brandinverse-container-mid": "#236638", "brandinverse-container-mid-hover": "#00733E", "brandinverse-container-high": "#E9F5EA", "brandinverse-fill-mid": "#236638", "brandinverse-fill-mid-hover": "#00733E", "brandinverse-fill-low": "#1E2D24", "brandinverse-fill-low-hover": "#2B3A31", "brandinverse-label-primary": "#C6FFCD", "brandinverse-label-secondary": "#ffffff", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#C6FFCD", "brandinverse-border-opaque-normal": "#ffffff", "accent-label-primary": "#FE8F16", "accent-label-yellow": "#FFCC00", "accent-label-mint": "#02B0B0", "accent-label-cyan": "#40B3FF", "accent-label-purple": "#B450E6", "accent-label-pink": "#FF3377", "accent-fill-primary": "#FFB77C", "function-fill-positive-mid": "#30BF48", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#DB2323", "function-fill-caution": "#FE8F16", "function-fill-highlight": "#EAFFB6", "function-fill-selection": "rgba(20,55,27,0.08)", "function-fill-drag": "rgba(20,55,27,0.12)", "function-fill-positive-low": "#E6FCEA", "function-fill-negative-low": "#FFE7E7", "function-label-positive": "#148B28", "function-label-negative": "#FF3333", "function-label-caution": "#FE8F16", "function-label-link": "#1A79B8", "cover-dim-page": "rgba(0,0,0,0.48)" }, "dark": { "neutral-container-lowest": "#1E1E1F", "neutral-container-lowest-hover": "#272729", "neutral-container-low": "#272729", "neutral-container-low-hover": "#313133", "neutral-container-mid": "#313133", "neutral-container-mid-hover": "#39393B", "neutral-container-high": "#313133", "neutral-container-high-hover": "#4A4A4D", "neutral-container-highest": "#4A4A4D", "neutral-container-static-lowest": "#ffffff", "neutral-container-static-lowest-hover": "#F9F9FA", "neutral-container-variation-lowest": "#272729", "neutral-fill-overlay-lowest": "rgba(109,109,112,0)", "neutral-fill-overlay-lowest-hover": "rgba(109,109,112,0.12)", "neutral-fill-overlay-low": "rgba(109,109,112,0.08)", "neutral-fill-overlay-low-hover": "rgba(109,109,112,0.2)", "neutral-fill-overlay-mid": "rgba(109,109,112,0.16)", "neutral-fill-overlay-mid-hover": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high": "rgba(109,109,112,0.32)", "neutral-fill-overlay-high-hover": "rgba(109,109,112,0.44)", "neutral-fill-overlay-highest": "rgba(109,109,112,0.72)", "neutral-fill-opaque-lowest": "#1E1E1F", "neutral-fill-opaque-lowest-hover": "#272729", "neutral-fill-opaque-low": "#272729", "neutral-fill-opaque-low-hover": "#313133", "neutral-fill-opaque-static-lowest": "#ffffff", "neutral-label-primary": "#ffffff", "neutral-label-secondary": "rgba(233,233,235,0.64)", "neutral-label-tertiary": "rgba(233,233,235,0.32)", "neutral-label-quaternary": "rgba(233,233,235,0.2)", "neutral-label-static-primary": "#1E1E1F", "neutral-label-static-secondary": "rgba(109,109,112,0.8)", "neutral-border-overlay-strong": "rgba(233,233,235,0.64)", "neutral-border-overlay-normal": "rgba(233,233,235,0.28)", "neutral-border-overlay-subtle": "rgba(233,233,235,0.2)", "neutral-border-overlay-hint": "rgba(233,233,235,0.12)", "neutral-border-opaque-strong": "#ffffff", "neutral-border-opaque-normal": "#58595C", "neutral-border-opaque-subtle": "#39393B", "inverse-container-lowest": "#ffffff", "inverse-container-lowest-hover": "#F9F9FA", "inverse-container-low": "#F9F9FA", "inverse-container-low-hover": "#F6F6F7", "inverse-container-mid": "#F6F6F7", "inverse-container-mid-hover": "#F1F1F2", "inverse-container-high": "#EDEEF0", "inverse-container-high-hover": "#E3E3E6", "inverse-container-static-high": "#313133", "inverse-container-static-high-hover": "#39393B", "inverse-container-highest": "#E9E9EB", "inverse-fill-opaque-lowest": "#ffffff", "inverse-fill-opaque-lowest-hover": "#F9F9FA", "inverse-fill-opaque-low": "#F9F9FA", "inverse-fill-opaque-low-hover": "#F6F6F7", "inverse-fill-opaque-mid": "#F6F6F7", "inverse-fill-mid": "rgba(233,233,235,0.24)", "inverse-fill-mid-hover": "rgba(109,109,112,0.16)", "inverse-label-primary": "#1E1E1F", "inverse-label-secondary": "rgba(109,109,112,0.8)", "inverse-label-tertiary": "rgba(109,109,112,0.48)", "inverse-label-quaternary": "rgba(109,109,112,0.24)", "inverse-label-static-primary": "#ffffff", "inverse-label-static-secondary": "rgba(233,233,235,0.64)", "inverse-border-overlay-strong": "rgba(109,109,112,0.64)", "inverse-border-overlay-normal": "rgba(109,109,112,0.24)", "inverse-border-overlay-subtle": "rgba(109,109,112,0.16)", "inverse-border-overlay-hint": "rgba(109,109,112,0.12)", "inverse-border-opaque-strong": "#1E1E1F", "inverse-border-opaque-normal": "#D7D7D9", "inverse-border-opaque-subtle": "#E9E9EB", "brand-container-mid": "#236638", "brand-container-mid-hover": "#00733E", "brand-container-high": "#E9F5EA", "brand-fill-mid": "#236638", "brand-fill-mid-hover": "#00733E", "brand-fill-low": "#1E2D24", "brand-fill-low-hover": "#2B3A31", "brand-label-primary": "#C6FFCD", "brand-label-secondary": "#ffffff", "brand-label-variation-secondary": "#DEFFDF", "brand-border-opaque-normal": "#ffffff", "brand-border-opaque-strong": "#C6FFCD", "brandinverse-container-mid": "#197B2E", "brandinverse-container-mid-hover": "#006E23", "brandinverse-container-high": "#002109", "brandinverse-fill-mid": "#197B2E", "brandinverse-fill-mid-hover": "#006E23", "brandinverse-fill-low": "#E9F5EA", "brandinverse-fill-low-hover": "#E2F2E3", "brandinverse-label-primary": "#197B2E", "brandinverse-label-secondary": "#14371B", "brandinverse-label-static-primary": "#C6FFCD", "brandinverse-border-opaque-strong": "#197B2E", "brandinverse-border-opaque-normal": "#14371B", "accent-label-primary": "#FF9B3E", "accent-label-yellow": "#FFD739", "accent-label-mint": "#00CCCC", "accent-label-cyan": "#6AC4FF", "accent-label-purple": "#C978F2", "accent-label-pink": "#FF6095", "accent-fill-primary": "#B46200", "function-fill-positive-mid": "#5DDF73", "function-fill-negative-mid": "#FF3333", "function-fill-negative-mid-hover": "#FF6060", "function-fill-caution": "#FF9B3E", "function-fill-highlight": "#394D00", "function-fill-selection": "rgba(255,255,255,0.12)", "function-fill-drag": "rgba(255,255,255,0.16)", "function-fill-positive-low": "#075714", "function-fill-negative-low": "#710808", "function-label-positive": "#5DDF73", "function-label-negative": "#FF3333", "function-label-caution": "#FF9B3E", "function-label-link": "#6AC4FF", "cover-dim-page": "rgba(0,0,0,0.48)" } }, "radius": { "xxs": "2px", "xs": "6px", "s": "8px", "m": "10px", "l": "12px", "xl": "14px", "xxl": "200px" }, "opacity": { "0": "0%", "1": "1%", "4": "4%", "8": "8%", "12": "12%", "16": "16%", "20": "20%", "24": "24%", "28": "28%", "32": "32%", "36": "36%", "40": "40%", "44": "44%", "48": "48%", "50": "50%", "56": "56%", "64": "64%", "72": "72%", "80": "80%" }, "padding": { "component-50": "2px", "component-100": "4px", "component-150": "6px", "component-200": "8px", "component-300": "12px", "component-400": "16px", "component-500": "20px", "component-600": "24px", "component-700": "32px", "component-800": "40px", "component-900": "48px", "component-1000": "56px", "component-1100": "64px", "component-1300": "80px", "component-1500": "100px", "component-1700": "120px", "section-50": "20px", "section-100": "24px", "section-200": "32px", "section-300": "40px", "section-400": "48px", "section-500": "56px", "section-600": "64px", "section-700": "80px", "section-800": "100px", "section-900": "120px" }, "size": { "0": "0px", "1": "1px", "2": "2px", "3": "3px", "4": "4px", "6": "6px", "8": "8px", "10": "10px", "12": "12px", "14": "14px", "16": "16px", "18": "18px", "20": "20px", "24": "24px", "32": "32px", "40": "40px", "48": "48px", "56": "56px", "64": "64px", "80": "80px", "100": "100px", "120": "120px", "140": "140px", "160": "160px", "180": "180px", "200": "200px", "minus6": "-6px", "minus4": "-4px", "minus2": "-2px" }, "gap": { "positive-50": "2px", "positive-100": "4px", "positive-150": "6px", "positive-200": "8px", "positive-300": "12px", "positive-400": "16px", "positive-500": "20px", "positive-600": "24px", "positive-700": "32px", "positive-800": "40px", "positive-900": "48px" }, "shadow": { "soft": ["0px 4px 12px rgba(0, 0, 0, 0.05)", "0px 6px 12px rgba(0, 0, 0, 0.2)"], "normal": ["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)", "0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"], "strong": ["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"], "heavy": ["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)", "0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"] }, "iconSize": { "xs": "16px", "s": "20px", "m": "24px", "l": "32px", "xl": "40px" } };
6
6
 
7
7
  // src/color/index.ts
8
- import { useRecoilState } from "recoil";
8
+ import { useAtom } from "jotai";
9
9
 
10
10
  // src/store/theme.ts
11
- import { atom } from "recoil";
12
- var appAppearanceAtom = atom({
13
- key: "themeAtoms",
14
- default: "sys"
15
- });
16
- var systemAppearanceAtom = atom({
17
- key: "systemThemeAtoms",
18
- default: "notDetermined"
19
- });
11
+ import { atom } from "jotai";
12
+ var appAppearanceAtom = atom("sys");
13
+ var systemAppearanceAtom = atom("notDetermined");
20
14
 
21
15
  // src/color/index.ts
22
16
  import { useMemo } from "react";
23
17
  var useAppearance = /* @__PURE__ */ __name(() => {
24
- const [systemAppearance, setSystemAppearance] = useRecoilState(systemAppearanceAtom);
25
- const [appAppearance, setAppAppearance] = useRecoilState(appAppearanceAtom);
18
+ const [systemAppearance, setSystemAppearance] = useAtom(systemAppearanceAtom);
19
+ const [appAppearance, setAppAppearance] = useAtom(appAppearanceAtom);
26
20
  const effectiveAppearance = useMemo(() => {
27
21
  if (appAppearance === "sys") {
28
22
  if (systemAppearance === "notDetermined") {
package/lib/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/generated/vars.ts", "../src/color/index.ts", "../src/store/theme.ts", "../src/hooks/useDarkTheme.ts"],
4
- "sourcesContent": ["export const vars = {\"color\":{\"light\":{\"neutral-container-lowest\":\"#ffffff\",\"neutral-container-lowest-hover\":\"#F9F9FA\",\"neutral-container-low\":\"#F9F9FA\",\"neutral-container-low-hover\":\"#F6F6F7\",\"neutral-container-mid\":\"#F6F6F7\",\"neutral-container-mid-hover\":\"#F1F1F2\",\"neutral-container-high\":\"#EDEEF0\",\"neutral-container-high-hover\":\"#E3E3E6\",\"neutral-container-highest\":\"#E9E9EB\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#ffffff\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.06)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.04)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.28)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#ffffff\",\"neutral-fill-opaque-lowest-hover\":\"#F9F9FA\",\"neutral-fill-opaque-low\":\"#F9F9FA\",\"neutral-fill-opaque-low-hover\":\"#F6F6F7\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#1E1E1F\",\"neutral-label-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-label-tertiary\":\"rgba(109,109,112,0.48)\",\"neutral-label-quaternary\":\"rgba(109,109,112,0.24)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"neutral-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"neutral-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"neutral-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"neutral-border-opaque-strong\":\"#1E1E1F\",\"neutral-border-opaque-normal\":\"#D7D7D9\",\"neutral-border-opaque-subtle\":\"#E9E9EB\",\"inverse-container-lowest\":\"#1E1E1F\",\"inverse-container-lowest-hover\":\"#272729\",\"inverse-container-low\":\"#272729\",\"inverse-container-low-hover\":\"#313133\",\"inverse-container-mid\":\"#313133\",\"inverse-container-mid-hover\":\"#39393B\",\"inverse-container-high\":\"#313133\",\"inverse-container-high-hover\":\"#4A4A4D\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#4A4A4D\",\"inverse-fill-opaque-lowest\":\"#1E1E1F\",\"inverse-fill-opaque-lowest-hover\":\"#272729\",\"inverse-fill-opaque-low\":\"#272729\",\"inverse-fill-opaque-low-hover\":\"#313133\",\"inverse-fill-opaque-mid\":\"#313133\",\"inverse-fill-mid\":\"#ffffff\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.32)\",\"inverse-label-primary\":\"#ffffff\",\"inverse-label-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-label-tertiary\":\"rgba(233,233,235,0.32)\",\"inverse-label-quaternary\":\"rgba(233,233,235,0.2)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"inverse-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"inverse-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"inverse-border-opaque-strong\":\"#ffffff\",\"inverse-border-opaque-normal\":\"#58595C\",\"inverse-border-opaque-subtle\":\"#39393B\",\"brand-container-mid\":\"#197B2E\",\"brand-container-mid-hover\":\"#006820\",\"brand-container-high\":\"#002109\",\"brand-fill-mid\":\"#197B2E\",\"brand-fill-mid-hover\":\"#006820\",\"brand-fill-low\":\"#E9F5EA\",\"brand-fill-low-hover\":\"#E2F2E3\",\"brand-label-primary\":\"#197B2E\",\"brand-label-secondary\":\"#14371B\",\"brand-label-variation-secondary\":\"#14371B\",\"brand-border-opaque-normal\":\"#14371B\",\"brand-border-opaque-strong\":\"#197B2E\",\"brandinverse-container-mid\":\"#236638\",\"brandinverse-container-mid-hover\":\"#00733E\",\"brandinverse-container-high\":\"#E9F5EA\",\"brandinverse-fill-mid\":\"#236638\",\"brandinverse-fill-mid-hover\":\"#00733E\",\"brandinverse-fill-low\":\"#1E2D24\",\"brandinverse-fill-low-hover\":\"#2B3A31\",\"brandinverse-label-primary\":\"#C6FFCD\",\"brandinverse-label-secondary\":\"#ffffff\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-border-opaque-normal\":\"#ffffff\",\"accent-label-primary\":\"#FE8F16\",\"accent-label-yellow\":\"#FFCC00\",\"accent-label-mint\":\"#02B0B0\",\"accent-label-cyan\":\"#40B3FF\",\"accent-label-purple\":\"#B450E6\",\"accent-label-pink\":\"#FF3377\",\"accent-fill-primary\":\"#FFB77C\",\"function-fill-positive-mid\":\"#30BF48\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#DB2323\",\"function-fill-caution\":\"#FE8F16\",\"function-fill-highlight\":\"#EAFFB6\",\"function-fill-selection\":\"rgba(20,55,27,0.08)\",\"function-fill-drag\":\"rgba(20,55,27,0.12)\",\"function-fill-positive-low\":\"#E6FCEA\",\"function-fill-negative-low\":\"#FFE7E7\",\"function-label-positive\":\"#148B28\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FE8F16\",\"function-label-link\":\"#1A79B8\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"},\"dark\":{\"neutral-container-lowest\":\"#1E1E1F\",\"neutral-container-lowest-hover\":\"#272729\",\"neutral-container-low\":\"#272729\",\"neutral-container-low-hover\":\"#313133\",\"neutral-container-mid\":\"#313133\",\"neutral-container-mid-hover\":\"#39393B\",\"neutral-container-high\":\"#313133\",\"neutral-container-high-hover\":\"#4A4A4D\",\"neutral-container-highest\":\"#4A4A4D\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#272729\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.12)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.44)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#1E1E1F\",\"neutral-fill-opaque-lowest-hover\":\"#272729\",\"neutral-fill-opaque-low\":\"#272729\",\"neutral-fill-opaque-low-hover\":\"#313133\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#ffffff\",\"neutral-label-secondary\":\"rgba(233,233,235,0.64)\",\"neutral-label-tertiary\":\"rgba(233,233,235,0.32)\",\"neutral-label-quaternary\":\"rgba(233,233,235,0.2)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"neutral-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"neutral-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"neutral-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"neutral-border-opaque-strong\":\"#ffffff\",\"neutral-border-opaque-normal\":\"#58595C\",\"neutral-border-opaque-subtle\":\"#39393B\",\"inverse-container-lowest\":\"#ffffff\",\"inverse-container-lowest-hover\":\"#F9F9FA\",\"inverse-container-low\":\"#F9F9FA\",\"inverse-container-low-hover\":\"#F6F6F7\",\"inverse-container-mid\":\"#F6F6F7\",\"inverse-container-mid-hover\":\"#F1F1F2\",\"inverse-container-high\":\"#EDEEF0\",\"inverse-container-high-hover\":\"#E3E3E6\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#E9E9EB\",\"inverse-fill-opaque-lowest\":\"#ffffff\",\"inverse-fill-opaque-lowest-hover\":\"#F9F9FA\",\"inverse-fill-opaque-low\":\"#F9F9FA\",\"inverse-fill-opaque-low-hover\":\"#F6F6F7\",\"inverse-fill-opaque-mid\":\"#F6F6F7\",\"inverse-fill-mid\":\"rgba(233,233,235,0.24)\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.16)\",\"inverse-label-primary\":\"#1E1E1F\",\"inverse-label-secondary\":\"rgba(109,109,112,0.8)\",\"inverse-label-tertiary\":\"rgba(109,109,112,0.48)\",\"inverse-label-quaternary\":\"rgba(109,109,112,0.24)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"inverse-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"inverse-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"inverse-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"inverse-border-opaque-strong\":\"#1E1E1F\",\"inverse-border-opaque-normal\":\"#D7D7D9\",\"inverse-border-opaque-subtle\":\"#E9E9EB\",\"brand-container-mid\":\"#236638\",\"brand-container-mid-hover\":\"#00733E\",\"brand-container-high\":\"#E9F5EA\",\"brand-fill-mid\":\"#236638\",\"brand-fill-mid-hover\":\"#00733E\",\"brand-fill-low\":\"#1E2D24\",\"brand-fill-low-hover\":\"#2B3A31\",\"brand-label-primary\":\"#C6FFCD\",\"brand-label-secondary\":\"#ffffff\",\"brand-label-variation-secondary\":\"#DEFFDF\",\"brand-border-opaque-normal\":\"#ffffff\",\"brand-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-container-mid\":\"#197B2E\",\"brandinverse-container-mid-hover\":\"#006820\",\"brandinverse-container-high\":\"#002109\",\"brandinverse-fill-mid\":\"#197B2E\",\"brandinverse-fill-mid-hover\":\"#006820\",\"brandinverse-fill-low\":\"#E9F5EA\",\"brandinverse-fill-low-hover\":\"#E2F2E3\",\"brandinverse-label-primary\":\"#197B2E\",\"brandinverse-label-secondary\":\"#14371B\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#197B2E\",\"brandinverse-border-opaque-normal\":\"#14371B\",\"accent-label-primary\":\"#FF9B3E\",\"accent-label-yellow\":\"#FFD739\",\"accent-label-mint\":\"#00CCCC\",\"accent-label-cyan\":\"#6AC4FF\",\"accent-label-purple\":\"#C978F2\",\"accent-label-pink\":\"#FF6095\",\"accent-fill-primary\":\"#B46200\",\"function-fill-positive-mid\":\"#5DDF73\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#FF6060\",\"function-fill-caution\":\"#FF9B3E\",\"function-fill-highlight\":\"#394D00\",\"function-fill-selection\":\"rgba(255,255,255,0.12)\",\"function-fill-drag\":\"rgba(255,255,255,0.16)\",\"function-fill-positive-low\":\"#075714\",\"function-fill-negative-low\":\"#710808\",\"function-label-positive\":\"#5DDF73\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FF9B3E\",\"function-label-link\":\"#6AC4FF\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"}},\"radius\":{\"xxs\":\"2px\",\"xs\":\"6px\",\"s\":\"8px\",\"m\":\"10px\",\"l\":\"12px\",\"xl\":\"14px\",\"xxl\":\"200px\"},\"opacity\":{\"0\":\"0%\",\"1\":\"1%\",\"4\":\"4%\",\"8\":\"8%\",\"12\":\"12%\",\"16\":\"16%\",\"20\":\"20%\",\"24\":\"24%\",\"28\":\"28%\",\"32\":\"32%\",\"36\":\"36%\",\"40\":\"40%\",\"44\":\"44%\",\"48\":\"48%\",\"50\":\"50%\",\"56\":\"56%\",\"64\":\"64%\",\"72\":\"72%\",\"80\":\"80%\"},\"padding\":{\"component-50\":\"2px\",\"component-100\":\"4px\",\"component-150\":\"6px\",\"component-200\":\"8px\",\"component-300\":\"12px\",\"component-400\":\"16px\",\"component-500\":\"20px\",\"component-600\":\"24px\",\"component-700\":\"32px\",\"component-800\":\"40px\",\"component-900\":\"48px\",\"component-1000\":\"56px\",\"component-1100\":\"64px\",\"component-1300\":\"80px\",\"component-1500\":\"100px\",\"component-1700\":\"120px\",\"section-50\":\"20px\",\"section-100\":\"24px\",\"section-200\":\"32px\",\"section-300\":\"40px\",\"section-400\":\"48px\",\"section-500\":\"56px\",\"section-600\":\"64px\",\"section-700\":\"80px\",\"section-800\":\"100px\",\"section-900\":\"120px\"},\"size\":{\"0\":\"0px\",\"1\":\"1px\",\"2\":\"2px\",\"3\":\"3px\",\"4\":\"4px\",\"6\":\"6px\",\"8\":\"8px\",\"10\":\"10px\",\"12\":\"12px\",\"14\":\"14px\",\"16\":\"16px\",\"18\":\"18px\",\"20\":\"20px\",\"24\":\"24px\",\"32\":\"32px\",\"40\":\"40px\",\"48\":\"48px\",\"56\":\"56px\",\"64\":\"64px\",\"80\":\"80px\",\"100\":\"100px\",\"120\":\"120px\",\"140\":\"140px\",\"160\":\"160px\",\"180\":\"180px\",\"200\":\"200px\",\"minus6\":\"-6px\",\"minus4\":\"-4px\",\"minus2\":\"-2px\"},\"gap\":{\"positive-50\":\"2px\",\"positive-100\":\"4px\",\"positive-150\":\"6px\",\"positive-200\":\"8px\",\"positive-300\":\"12px\",\"positive-400\":\"16px\",\"positive-500\":\"20px\",\"positive-600\":\"24px\",\"positive-700\":\"32px\",\"positive-800\":\"40px\",\"positive-900\":\"48px\"},\"shadow\":{\"soft\":[\"0px 4px 12px rgba(0, 0, 0, 0.05)\",\"0px 6px 12px rgba(0, 0, 0, 0.2)\"],\"normal\":[\"0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)\",\"0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)\"],\"strong\":[\"0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"],\"heavy\":[\"0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"]},\"iconSize\":{\"xs\":\"16px\",\"s\":\"20px\",\"m\":\"24px\",\"l\":\"32px\",\"xl\":\"40px\"}}", "import { useRecoilState } from 'recoil';\nimport { vars } from '../generated/vars';\nimport { appAppearanceAtom, systemAppearanceAtom } from '../store/theme';\nimport { useMemo } from 'react';\n\nexport type ColorType = typeof vars.color.light;\nexport type EffectiveAppearance = 'dark' | 'light';\nexport type AppAppearance = EffectiveAppearance | 'sys';\nexport type SystemAppearance = EffectiveAppearance | 'notDetermined';\n\nexport const useAppearance = () => {\n const [systemAppearance, setSystemAppearance] = useRecoilState(systemAppearanceAtom);\n const [appAppearance, setAppAppearance] = useRecoilState(appAppearanceAtom);\n\n const effectiveAppearance: EffectiveAppearance = useMemo(() => {\n if (appAppearance === 'sys') {\n if (systemAppearance === 'notDetermined') {\n return 'light';\n }\n\n return systemAppearance;\n }\n\n return appAppearance;\n }, [appAppearance, systemAppearance]);\n\n return {\n effectiveAppearance,\n appAppearance,\n systemAppearance,\n setAppAppearance,\n setSystemAppearance,\n };\n};\n\nexport const useColor = <T>(\n StyleSheetFunction: (color: ColorType) => T,\n): { styles: T; color: ColorType } => {\n const { effectiveAppearance } = useAppearance();\n const colorToken = vars.color[effectiveAppearance];\n\n return {\n styles: StyleSheetFunction(colorToken),\n color: colorToken,\n };\n};\n\nexport const MMKV_KEY = 'MMKV_KEY_THEME';\n", "import { atom } from 'recoil';\nimport { AppAppearance, SystemAppearance } from '../color';\n\nexport const appAppearanceAtom = atom<AppAppearance>({\n key: 'themeAtoms',\n default: 'sys',\n});\n\nexport const systemAppearanceAtom = atom<SystemAppearance>({\n key: 'systemThemeAtoms',\n default: 'notDetermined',\n});\n", "import { useAppearance } from '../color';\n\nexport const useDarkTheme = () => {\n const { effectiveAppearance, appAppearance } = useAppearance();\n\n return {\n isDarkTheme: effectiveAppearance === 'dark',\n /**\n * darkMode\uB97C \uAD6C\uBD84\uD558\uACE0 \uC2F6\uB2E4\uBA74 theme\uB9D0\uACE0 isDarkTheme\uB97C \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.\n */\n theme: appAppearance,\n };\n};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["export const vars = {\"color\":{\"light\":{\"neutral-container-lowest\":\"#ffffff\",\"neutral-container-lowest-hover\":\"#F9F9FA\",\"neutral-container-low\":\"#F9F9FA\",\"neutral-container-low-hover\":\"#F6F6F7\",\"neutral-container-mid\":\"#F6F6F7\",\"neutral-container-mid-hover\":\"#F1F1F2\",\"neutral-container-high\":\"#EDEEF0\",\"neutral-container-high-hover\":\"#E3E3E6\",\"neutral-container-highest\":\"#E9E9EB\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#ffffff\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.06)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.04)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.28)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#ffffff\",\"neutral-fill-opaque-lowest-hover\":\"#F9F9FA\",\"neutral-fill-opaque-low\":\"#F9F9FA\",\"neutral-fill-opaque-low-hover\":\"#F6F6F7\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#1E1E1F\",\"neutral-label-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-label-tertiary\":\"rgba(109,109,112,0.48)\",\"neutral-label-quaternary\":\"rgba(109,109,112,0.24)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"neutral-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"neutral-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"neutral-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"neutral-border-opaque-strong\":\"#1E1E1F\",\"neutral-border-opaque-normal\":\"#D7D7D9\",\"neutral-border-opaque-subtle\":\"#E9E9EB\",\"inverse-container-lowest\":\"#1E1E1F\",\"inverse-container-lowest-hover\":\"#272729\",\"inverse-container-low\":\"#272729\",\"inverse-container-low-hover\":\"#313133\",\"inverse-container-mid\":\"#313133\",\"inverse-container-mid-hover\":\"#39393B\",\"inverse-container-high\":\"#313133\",\"inverse-container-high-hover\":\"#4A4A4D\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#4A4A4D\",\"inverse-fill-opaque-lowest\":\"#1E1E1F\",\"inverse-fill-opaque-lowest-hover\":\"#272729\",\"inverse-fill-opaque-low\":\"#272729\",\"inverse-fill-opaque-low-hover\":\"#313133\",\"inverse-fill-opaque-mid\":\"#313133\",\"inverse-fill-mid\":\"#ffffff\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.32)\",\"inverse-label-primary\":\"#ffffff\",\"inverse-label-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-label-tertiary\":\"rgba(233,233,235,0.32)\",\"inverse-label-quaternary\":\"rgba(233,233,235,0.2)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"inverse-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"inverse-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"inverse-border-opaque-strong\":\"#ffffff\",\"inverse-border-opaque-normal\":\"#58595C\",\"inverse-border-opaque-subtle\":\"#39393B\",\"brand-container-mid\":\"#197B2E\",\"brand-container-mid-hover\":\"#006E23\",\"brand-container-high\":\"#002109\",\"brand-fill-mid\":\"#197B2E\",\"brand-fill-mid-hover\":\"#006E23\",\"brand-fill-low\":\"#E9F5EA\",\"brand-fill-low-hover\":\"#E2F2E3\",\"brand-label-primary\":\"#197B2E\",\"brand-label-secondary\":\"#14371B\",\"brand-label-variation-secondary\":\"#14371B\",\"brand-border-opaque-normal\":\"#14371B\",\"brand-border-opaque-strong\":\"#197B2E\",\"brandinverse-container-mid\":\"#236638\",\"brandinverse-container-mid-hover\":\"#00733E\",\"brandinverse-container-high\":\"#E9F5EA\",\"brandinverse-fill-mid\":\"#236638\",\"brandinverse-fill-mid-hover\":\"#00733E\",\"brandinverse-fill-low\":\"#1E2D24\",\"brandinverse-fill-low-hover\":\"#2B3A31\",\"brandinverse-label-primary\":\"#C6FFCD\",\"brandinverse-label-secondary\":\"#ffffff\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-border-opaque-normal\":\"#ffffff\",\"accent-label-primary\":\"#FE8F16\",\"accent-label-yellow\":\"#FFCC00\",\"accent-label-mint\":\"#02B0B0\",\"accent-label-cyan\":\"#40B3FF\",\"accent-label-purple\":\"#B450E6\",\"accent-label-pink\":\"#FF3377\",\"accent-fill-primary\":\"#FFB77C\",\"function-fill-positive-mid\":\"#30BF48\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#DB2323\",\"function-fill-caution\":\"#FE8F16\",\"function-fill-highlight\":\"#EAFFB6\",\"function-fill-selection\":\"rgba(20,55,27,0.08)\",\"function-fill-drag\":\"rgba(20,55,27,0.12)\",\"function-fill-positive-low\":\"#E6FCEA\",\"function-fill-negative-low\":\"#FFE7E7\",\"function-label-positive\":\"#148B28\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FE8F16\",\"function-label-link\":\"#1A79B8\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"},\"dark\":{\"neutral-container-lowest\":\"#1E1E1F\",\"neutral-container-lowest-hover\":\"#272729\",\"neutral-container-low\":\"#272729\",\"neutral-container-low-hover\":\"#313133\",\"neutral-container-mid\":\"#313133\",\"neutral-container-mid-hover\":\"#39393B\",\"neutral-container-high\":\"#313133\",\"neutral-container-high-hover\":\"#4A4A4D\",\"neutral-container-highest\":\"#4A4A4D\",\"neutral-container-static-lowest\":\"#ffffff\",\"neutral-container-static-lowest-hover\":\"#F9F9FA\",\"neutral-container-variation-lowest\":\"#272729\",\"neutral-fill-overlay-lowest\":\"rgba(109,109,112,0)\",\"neutral-fill-overlay-lowest-hover\":\"rgba(109,109,112,0.12)\",\"neutral-fill-overlay-low\":\"rgba(109,109,112,0.08)\",\"neutral-fill-overlay-low-hover\":\"rgba(109,109,112,0.2)\",\"neutral-fill-overlay-mid\":\"rgba(109,109,112,0.16)\",\"neutral-fill-overlay-mid-hover\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high\":\"rgba(109,109,112,0.32)\",\"neutral-fill-overlay-high-hover\":\"rgba(109,109,112,0.44)\",\"neutral-fill-overlay-highest\":\"rgba(109,109,112,0.72)\",\"neutral-fill-opaque-lowest\":\"#1E1E1F\",\"neutral-fill-opaque-lowest-hover\":\"#272729\",\"neutral-fill-opaque-low\":\"#272729\",\"neutral-fill-opaque-low-hover\":\"#313133\",\"neutral-fill-opaque-static-lowest\":\"#ffffff\",\"neutral-label-primary\":\"#ffffff\",\"neutral-label-secondary\":\"rgba(233,233,235,0.64)\",\"neutral-label-tertiary\":\"rgba(233,233,235,0.32)\",\"neutral-label-quaternary\":\"rgba(233,233,235,0.2)\",\"neutral-label-static-primary\":\"#1E1E1F\",\"neutral-label-static-secondary\":\"rgba(109,109,112,0.8)\",\"neutral-border-overlay-strong\":\"rgba(233,233,235,0.64)\",\"neutral-border-overlay-normal\":\"rgba(233,233,235,0.28)\",\"neutral-border-overlay-subtle\":\"rgba(233,233,235,0.2)\",\"neutral-border-overlay-hint\":\"rgba(233,233,235,0.12)\",\"neutral-border-opaque-strong\":\"#ffffff\",\"neutral-border-opaque-normal\":\"#58595C\",\"neutral-border-opaque-subtle\":\"#39393B\",\"inverse-container-lowest\":\"#ffffff\",\"inverse-container-lowest-hover\":\"#F9F9FA\",\"inverse-container-low\":\"#F9F9FA\",\"inverse-container-low-hover\":\"#F6F6F7\",\"inverse-container-mid\":\"#F6F6F7\",\"inverse-container-mid-hover\":\"#F1F1F2\",\"inverse-container-high\":\"#EDEEF0\",\"inverse-container-high-hover\":\"#E3E3E6\",\"inverse-container-static-high\":\"#313133\",\"inverse-container-static-high-hover\":\"#39393B\",\"inverse-container-highest\":\"#E9E9EB\",\"inverse-fill-opaque-lowest\":\"#ffffff\",\"inverse-fill-opaque-lowest-hover\":\"#F9F9FA\",\"inverse-fill-opaque-low\":\"#F9F9FA\",\"inverse-fill-opaque-low-hover\":\"#F6F6F7\",\"inverse-fill-opaque-mid\":\"#F6F6F7\",\"inverse-fill-mid\":\"rgba(233,233,235,0.24)\",\"inverse-fill-mid-hover\":\"rgba(109,109,112,0.16)\",\"inverse-label-primary\":\"#1E1E1F\",\"inverse-label-secondary\":\"rgba(109,109,112,0.8)\",\"inverse-label-tertiary\":\"rgba(109,109,112,0.48)\",\"inverse-label-quaternary\":\"rgba(109,109,112,0.24)\",\"inverse-label-static-primary\":\"#ffffff\",\"inverse-label-static-secondary\":\"rgba(233,233,235,0.64)\",\"inverse-border-overlay-strong\":\"rgba(109,109,112,0.64)\",\"inverse-border-overlay-normal\":\"rgba(109,109,112,0.24)\",\"inverse-border-overlay-subtle\":\"rgba(109,109,112,0.16)\",\"inverse-border-overlay-hint\":\"rgba(109,109,112,0.12)\",\"inverse-border-opaque-strong\":\"#1E1E1F\",\"inverse-border-opaque-normal\":\"#D7D7D9\",\"inverse-border-opaque-subtle\":\"#E9E9EB\",\"brand-container-mid\":\"#236638\",\"brand-container-mid-hover\":\"#00733E\",\"brand-container-high\":\"#E9F5EA\",\"brand-fill-mid\":\"#236638\",\"brand-fill-mid-hover\":\"#00733E\",\"brand-fill-low\":\"#1E2D24\",\"brand-fill-low-hover\":\"#2B3A31\",\"brand-label-primary\":\"#C6FFCD\",\"brand-label-secondary\":\"#ffffff\",\"brand-label-variation-secondary\":\"#DEFFDF\",\"brand-border-opaque-normal\":\"#ffffff\",\"brand-border-opaque-strong\":\"#C6FFCD\",\"brandinverse-container-mid\":\"#197B2E\",\"brandinverse-container-mid-hover\":\"#006E23\",\"brandinverse-container-high\":\"#002109\",\"brandinverse-fill-mid\":\"#197B2E\",\"brandinverse-fill-mid-hover\":\"#006E23\",\"brandinverse-fill-low\":\"#E9F5EA\",\"brandinverse-fill-low-hover\":\"#E2F2E3\",\"brandinverse-label-primary\":\"#197B2E\",\"brandinverse-label-secondary\":\"#14371B\",\"brandinverse-label-static-primary\":\"#C6FFCD\",\"brandinverse-border-opaque-strong\":\"#197B2E\",\"brandinverse-border-opaque-normal\":\"#14371B\",\"accent-label-primary\":\"#FF9B3E\",\"accent-label-yellow\":\"#FFD739\",\"accent-label-mint\":\"#00CCCC\",\"accent-label-cyan\":\"#6AC4FF\",\"accent-label-purple\":\"#C978F2\",\"accent-label-pink\":\"#FF6095\",\"accent-fill-primary\":\"#B46200\",\"function-fill-positive-mid\":\"#5DDF73\",\"function-fill-negative-mid\":\"#FF3333\",\"function-fill-negative-mid-hover\":\"#FF6060\",\"function-fill-caution\":\"#FF9B3E\",\"function-fill-highlight\":\"#394D00\",\"function-fill-selection\":\"rgba(255,255,255,0.12)\",\"function-fill-drag\":\"rgba(255,255,255,0.16)\",\"function-fill-positive-low\":\"#075714\",\"function-fill-negative-low\":\"#710808\",\"function-label-positive\":\"#5DDF73\",\"function-label-negative\":\"#FF3333\",\"function-label-caution\":\"#FF9B3E\",\"function-label-link\":\"#6AC4FF\",\"cover-dim-page\":\"rgba(0,0,0,0.48)\"}},\"radius\":{\"xxs\":\"2px\",\"xs\":\"6px\",\"s\":\"8px\",\"m\":\"10px\",\"l\":\"12px\",\"xl\":\"14px\",\"xxl\":\"200px\"},\"opacity\":{\"0\":\"0%\",\"1\":\"1%\",\"4\":\"4%\",\"8\":\"8%\",\"12\":\"12%\",\"16\":\"16%\",\"20\":\"20%\",\"24\":\"24%\",\"28\":\"28%\",\"32\":\"32%\",\"36\":\"36%\",\"40\":\"40%\",\"44\":\"44%\",\"48\":\"48%\",\"50\":\"50%\",\"56\":\"56%\",\"64\":\"64%\",\"72\":\"72%\",\"80\":\"80%\"},\"padding\":{\"component-50\":\"2px\",\"component-100\":\"4px\",\"component-150\":\"6px\",\"component-200\":\"8px\",\"component-300\":\"12px\",\"component-400\":\"16px\",\"component-500\":\"20px\",\"component-600\":\"24px\",\"component-700\":\"32px\",\"component-800\":\"40px\",\"component-900\":\"48px\",\"component-1000\":\"56px\",\"component-1100\":\"64px\",\"component-1300\":\"80px\",\"component-1500\":\"100px\",\"component-1700\":\"120px\",\"section-50\":\"20px\",\"section-100\":\"24px\",\"section-200\":\"32px\",\"section-300\":\"40px\",\"section-400\":\"48px\",\"section-500\":\"56px\",\"section-600\":\"64px\",\"section-700\":\"80px\",\"section-800\":\"100px\",\"section-900\":\"120px\"},\"size\":{\"0\":\"0px\",\"1\":\"1px\",\"2\":\"2px\",\"3\":\"3px\",\"4\":\"4px\",\"6\":\"6px\",\"8\":\"8px\",\"10\":\"10px\",\"12\":\"12px\",\"14\":\"14px\",\"16\":\"16px\",\"18\":\"18px\",\"20\":\"20px\",\"24\":\"24px\",\"32\":\"32px\",\"40\":\"40px\",\"48\":\"48px\",\"56\":\"56px\",\"64\":\"64px\",\"80\":\"80px\",\"100\":\"100px\",\"120\":\"120px\",\"140\":\"140px\",\"160\":\"160px\",\"180\":\"180px\",\"200\":\"200px\",\"minus6\":\"-6px\",\"minus4\":\"-4px\",\"minus2\":\"-2px\"},\"gap\":{\"positive-50\":\"2px\",\"positive-100\":\"4px\",\"positive-150\":\"6px\",\"positive-200\":\"8px\",\"positive-300\":\"12px\",\"positive-400\":\"16px\",\"positive-500\":\"20px\",\"positive-600\":\"24px\",\"positive-700\":\"32px\",\"positive-800\":\"40px\",\"positive-900\":\"48px\"},\"shadow\":{\"soft\":[\"0px 4px 12px rgba(0, 0, 0, 0.05)\",\"0px 6px 12px rgba(0, 0, 0, 0.2)\"],\"normal\":[\"0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)\",\"0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)\"],\"strong\":[\"0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"],\"heavy\":[\"0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)\",\"0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)\"]},\"iconSize\":{\"xs\":\"16px\",\"s\":\"20px\",\"m\":\"24px\",\"l\":\"32px\",\"xl\":\"40px\"}}", "import { useAtom } from 'jotai';\nimport { vars } from '../generated/vars';\nimport { appAppearanceAtom, systemAppearanceAtom } from '../store/theme';\nimport { useMemo } from 'react';\n\nexport type ColorType = typeof vars.color.light;\nexport type EffectiveAppearance = 'dark' | 'light';\nexport type AppAppearance = EffectiveAppearance | 'sys';\nexport type SystemAppearance = EffectiveAppearance | 'notDetermined';\n\nexport const useAppearance = () => {\n const [systemAppearance, setSystemAppearance] = useAtom(systemAppearanceAtom);\n const [appAppearance, setAppAppearance] = useAtom(appAppearanceAtom);\n\n const effectiveAppearance: EffectiveAppearance = useMemo(() => {\n if (appAppearance === 'sys') {\n if (systemAppearance === 'notDetermined') {\n return 'light';\n }\n\n return systemAppearance;\n }\n\n return appAppearance;\n }, [appAppearance, systemAppearance]);\n\n return {\n effectiveAppearance,\n appAppearance,\n systemAppearance,\n setAppAppearance,\n setSystemAppearance,\n };\n};\n\nexport const useColor = <T>(\n StyleSheetFunction: (color: ColorType) => T,\n): { styles: T; color: ColorType } => {\n const { effectiveAppearance } = useAppearance();\n const colorToken = vars.color[effectiveAppearance];\n\n return {\n styles: StyleSheetFunction(colorToken),\n color: colorToken,\n };\n};\n\nexport const MMKV_KEY = 'MMKV_KEY_THEME';\n", "import { atom } from 'jotai';\nimport { AppAppearance, SystemAppearance } from '../color';\n\nexport const appAppearanceAtom = atom<AppAppearance>('sys');\n\nexport const systemAppearanceAtom = atom<SystemAppearance>('notDetermined');\n", "import { useAppearance } from '../color';\n\nexport const useDarkTheme = () => {\n const { effectiveAppearance, appAppearance } = useAppearance();\n\n return {\n isDarkTheme: effectiveAppearance === 'dark',\n /**\n * darkMode\uB97C \uAD6C\uBD84\uD558\uACE0 \uC2F6\uB2E4\uBA74 theme\uB9D0\uACE0 isDarkTheme\uB97C \uC0AC\uC6A9\uD574\uC8FC\uC138\uC694.\n */\n theme: appAppearance,\n };\n};\n"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
package/lib/store/theme.d.ts CHANGED
@@ -1,3 +1,7 @@
1
1
  import { AppAppearance, SystemAppearance } from '../color';
2
- export declare const appAppearanceAtom: import("recoil").RecoilState<AppAppearance>;
3
- export declare const systemAppearanceAtom: import("recoil").RecoilState<SystemAppearance>;
2
+ export declare const appAppearanceAtom: import("jotai").PrimitiveAtom<AppAppearance> & {
3
+ init: AppAppearance;
4
+ };
5
+ export declare const systemAppearanceAtom: import("jotai").PrimitiveAtom<SystemAppearance> & {
6
+ init: SystemAppearance;
7
+ };
package/package.json CHANGED
@@ -1,25 +1,25 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token-rn",
3
- "version": "1.2.12",
3
+ "version": "1.3.1",
4
4
  "devDependencies": {
5
- "@eslint/js": "^9.22.0",
6
- "@types/react": "^18.2.48",
7
- "esbuild": "^0.25.0",
8
- "eslint": "^9.22.0",
5
+ "@eslint/js": "^9.36.0",
6
+ "@types/react": "18.2.23",
7
+ "esbuild": "^0.25.5",
8
+ "eslint": "^9.36.0",
9
9
  "eslint-plugin-react": "^7.37.4",
10
- "globals": "^16.0.0",
11
- "prettier": "2.8.8",
12
- "react": "^18.2.0",
13
- "recoil": "^0.5.2",
10
+ "globals": "^16.4.0",
11
+ "prettier": "^3.6.2",
12
+ "react": "18.2.0",
13
+ "jotai": "^2.11.0",
14
14
  "ts-node": "^10.9.2",
15
15
  "tsc-alias": "^1.8.10",
16
- "typescript": "^5.1.3",
17
- "typescript-eslint": "^8.26.1",
18
- "@liner-fe/design-token-primitive": "^0.2.37"
16
+ "typescript": "~5.9.3",
17
+ "typescript-eslint": "^8.45.0",
18
+ "@liner-fe/design-token-primitive": "^0.2.44"
19
19
  },
20
20
  "peerDependencies": {
21
21
  "react": "^18",
22
- "recoil": "^0.5.2"
22
+ "jotai": "^2.11.0"
23
23
  },
24
24
  "publishConfig": {
25
25
  "access": "public"
package/src/color/index.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { useRecoilState } from 'recoil';
1
+ import { useAtom } from 'jotai';
2
2
  import { vars } from '../generated/vars';
3
3
  import { appAppearanceAtom, systemAppearanceAtom } from '../store/theme';
4
4
  import { useMemo } from 'react';
@@ -9,8 +9,8 @@ export type AppAppearance = EffectiveAppearance | 'sys';
9
9
  export type SystemAppearance = EffectiveAppearance | 'notDetermined';
10
10
 
11
11
  export const useAppearance = () => {
12
- const [systemAppearance, setSystemAppearance] = useRecoilState(systemAppearanceAtom);
13
- const [appAppearance, setAppAppearance] = useRecoilState(appAppearanceAtom);
12
+ const [systemAppearance, setSystemAppearance] = useAtom(systemAppearanceAtom);
13
+ const [appAppearance, setAppAppearance] = useAtom(appAppearanceAtom);
14
14
 
15
15
  const effectiveAppearance: EffectiveAppearance = useMemo(() => {
16
16
  if (appAppearance === 'sys') {
package/src/generated/vars.ts CHANGED
@@ -1 +1 @@
1
- export const vars = {"color":{"light":{"neutral-container-lowest":"#ffffff","neutral-container-lowest-hover":"#F9F9FA","neutral-container-low":"#F9F9FA","neutral-container-low-hover":"#F6F6F7","neutral-container-mid":"#F6F6F7","neutral-container-mid-hover":"#F1F1F2","neutral-container-high":"#EDEEF0","neutral-container-high-hover":"#E3E3E6","neutral-container-highest":"#E9E9EB","neutral-container-static-lowest":"#ffffff","neutral-container-static-lowest-hover":"#F9F9FA","neutral-container-variation-lowest":"#ffffff","neutral-fill-overlay-lowest":"rgba(109,109,112,0)","neutral-fill-overlay-lowest-hover":"rgba(109,109,112,0.06)","neutral-fill-overlay-low":"rgba(109,109,112,0.04)","neutral-fill-overlay-low-hover":"rgba(109,109,112,0.08)","neutral-fill-overlay-mid":"rgba(109,109,112,0.08)","neutral-fill-overlay-mid-hover":"rgba(109,109,112,0.16)","neutral-fill-overlay-high":"rgba(109,109,112,0.2)","neutral-fill-overlay-high-hover":"rgba(109,109,112,0.28)","neutral-fill-overlay-highest":"rgba(109,109,112,0.72)","neutral-fill-opaque-lowest":"#ffffff","neutral-fill-opaque-lowest-hover":"#F9F9FA","neutral-fill-opaque-low":"#F9F9FA","neutral-fill-opaque-low-hover":"#F6F6F7","neutral-fill-opaque-static-lowest":"#ffffff","neutral-label-primary":"#1E1E1F","neutral-label-secondary":"rgba(109,109,112,0.8)","neutral-label-tertiary":"rgba(109,109,112,0.48)","neutral-label-quaternary":"rgba(109,109,112,0.24)","neutral-label-static-primary":"#1E1E1F","neutral-label-static-secondary":"rgba(109,109,112,0.8)","neutral-border-overlay-strong":"rgba(109,109,112,0.64)","neutral-border-overlay-normal":"rgba(109,109,112,0.24)","neutral-border-overlay-subtle":"rgba(109,109,112,0.16)","neutral-border-overlay-hint":"rgba(109,109,112,0.12)","neutral-border-opaque-strong":"#1E1E1F","neutral-border-opaque-normal":"#D7D7D9","neutral-border-opaque-subtle":"#E9E9EB","inverse-container-lowest":"#1E1E1F","inverse-container-lowest-hover":"#272729","inverse-container-low":"#272729","inverse-container-low-hover":"#313133","inverse-container-mid":"#313133","inverse-container-mid-hover":"#39393B","inverse-container-high":"#313133","inverse-container-high-hover":"#4A4A4D","inverse-container-static-high":"#313133","inverse-container-static-high-hover":"#39393B","inverse-container-highest":"#4A4A4D","inverse-fill-opaque-lowest":"#1E1E1F","inverse-fill-opaque-lowest-hover":"#272729","inverse-fill-opaque-low":"#272729","inverse-fill-opaque-low-hover":"#313133","inverse-fill-opaque-mid":"#313133","inverse-fill-mid":"#ffffff","inverse-fill-mid-hover":"rgba(109,109,112,0.32)","inverse-label-primary":"#ffffff","inverse-label-secondary":"rgba(233,233,235,0.64)","inverse-label-tertiary":"rgba(233,233,235,0.32)","inverse-label-quaternary":"rgba(233,233,235,0.2)","inverse-label-static-primary":"#ffffff","inverse-label-static-secondary":"rgba(233,233,235,0.64)","inverse-border-overlay-strong":"rgba(233,233,235,0.64)","inverse-border-overlay-normal":"rgba(233,233,235,0.28)","inverse-border-overlay-subtle":"rgba(233,233,235,0.2)","inverse-border-overlay-hint":"rgba(233,233,235,0.12)","inverse-border-opaque-strong":"#ffffff","inverse-border-opaque-normal":"#58595C","inverse-border-opaque-subtle":"#39393B","brand-container-mid":"#197B2E","brand-container-mid-hover":"#006820","brand-container-high":"#002109","brand-fill-mid":"#197B2E","brand-fill-mid-hover":"#006820","brand-fill-low":"#E9F5EA","brand-fill-low-hover":"#E2F2E3","brand-label-primary":"#197B2E","brand-label-secondary":"#14371B","brand-label-variation-secondary":"#14371B","brand-border-opaque-normal":"#14371B","brand-border-opaque-strong":"#197B2E","brandinverse-container-mid":"#236638","brandinverse-container-mid-hover":"#00733E","brandinverse-container-high":"#E9F5EA","brandinverse-fill-mid":"#236638","brandinverse-fill-mid-hover":"#00733E","brandinverse-fill-low":"#1E2D24","brandinverse-fill-low-hover":"#2B3A31","brandinverse-label-primary":"#C6FFCD","brandinverse-label-secondary":"#ffffff","brandinverse-label-static-primary":"#C6FFCD","brandinverse-border-opaque-strong":"#C6FFCD","brandinverse-border-opaque-normal":"#ffffff","accent-label-primary":"#FE8F16","accent-label-yellow":"#FFCC00","accent-label-mint":"#02B0B0","accent-label-cyan":"#40B3FF","accent-label-purple":"#B450E6","accent-label-pink":"#FF3377","accent-fill-primary":"#FFB77C","function-fill-positive-mid":"#30BF48","function-fill-negative-mid":"#FF3333","function-fill-negative-mid-hover":"#DB2323","function-fill-caution":"#FE8F16","function-fill-highlight":"#EAFFB6","function-fill-selection":"rgba(20,55,27,0.08)","function-fill-drag":"rgba(20,55,27,0.12)","function-fill-positive-low":"#E6FCEA","function-fill-negative-low":"#FFE7E7","function-label-positive":"#148B28","function-label-negative":"#FF3333","function-label-caution":"#FE8F16","function-label-link":"#1A79B8","cover-dim-page":"rgba(0,0,0,0.48)"},"dark":{"neutral-container-lowest":"#1E1E1F","neutral-container-lowest-hover":"#272729","neutral-container-low":"#272729","neutral-container-low-hover":"#313133","neutral-container-mid":"#313133","neutral-container-mid-hover":"#39393B","neutral-container-high":"#313133","neutral-container-high-hover":"#4A4A4D","neutral-container-highest":"#4A4A4D","neutral-container-static-lowest":"#ffffff","neutral-container-static-lowest-hover":"#F9F9FA","neutral-container-variation-lowest":"#272729","neutral-fill-overlay-lowest":"rgba(109,109,112,0)","neutral-fill-overlay-lowest-hover":"rgba(109,109,112,0.12)","neutral-fill-overlay-low":"rgba(109,109,112,0.08)","neutral-fill-overlay-low-hover":"rgba(109,109,112,0.2)","neutral-fill-overlay-mid":"rgba(109,109,112,0.16)","neutral-fill-overlay-mid-hover":"rgba(109,109,112,0.32)","neutral-fill-overlay-high":"rgba(109,109,112,0.32)","neutral-fill-overlay-high-hover":"rgba(109,109,112,0.44)","neutral-fill-overlay-highest":"rgba(109,109,112,0.72)","neutral-fill-opaque-lowest":"#1E1E1F","neutral-fill-opaque-lowest-hover":"#272729","neutral-fill-opaque-low":"#272729","neutral-fill-opaque-low-hover":"#313133","neutral-fill-opaque-static-lowest":"#ffffff","neutral-label-primary":"#ffffff","neutral-label-secondary":"rgba(233,233,235,0.64)","neutral-label-tertiary":"rgba(233,233,235,0.32)","neutral-label-quaternary":"rgba(233,233,235,0.2)","neutral-label-static-primary":"#1E1E1F","neutral-label-static-secondary":"rgba(109,109,112,0.8)","neutral-border-overlay-strong":"rgba(233,233,235,0.64)","neutral-border-overlay-normal":"rgba(233,233,235,0.28)","neutral-border-overlay-subtle":"rgba(233,233,235,0.2)","neutral-border-overlay-hint":"rgba(233,233,235,0.12)","neutral-border-opaque-strong":"#ffffff","neutral-border-opaque-normal":"#58595C","neutral-border-opaque-subtle":"#39393B","inverse-container-lowest":"#ffffff","inverse-container-lowest-hover":"#F9F9FA","inverse-container-low":"#F9F9FA","inverse-container-low-hover":"#F6F6F7","inverse-container-mid":"#F6F6F7","inverse-container-mid-hover":"#F1F1F2","inverse-container-high":"#EDEEF0","inverse-container-high-hover":"#E3E3E6","inverse-container-static-high":"#313133","inverse-container-static-high-hover":"#39393B","inverse-container-highest":"#E9E9EB","inverse-fill-opaque-lowest":"#ffffff","inverse-fill-opaque-lowest-hover":"#F9F9FA","inverse-fill-opaque-low":"#F9F9FA","inverse-fill-opaque-low-hover":"#F6F6F7","inverse-fill-opaque-mid":"#F6F6F7","inverse-fill-mid":"rgba(233,233,235,0.24)","inverse-fill-mid-hover":"rgba(109,109,112,0.16)","inverse-label-primary":"#1E1E1F","inverse-label-secondary":"rgba(109,109,112,0.8)","inverse-label-tertiary":"rgba(109,109,112,0.48)","inverse-label-quaternary":"rgba(109,109,112,0.24)","inverse-label-static-primary":"#ffffff","inverse-label-static-secondary":"rgba(233,233,235,0.64)","inverse-border-overlay-strong":"rgba(109,109,112,0.64)","inverse-border-overlay-normal":"rgba(109,109,112,0.24)","inverse-border-overlay-subtle":"rgba(109,109,112,0.16)","inverse-border-overlay-hint":"rgba(109,109,112,0.12)","inverse-border-opaque-strong":"#1E1E1F","inverse-border-opaque-normal":"#D7D7D9","inverse-border-opaque-subtle":"#E9E9EB","brand-container-mid":"#236638","brand-container-mid-hover":"#00733E","brand-container-high":"#E9F5EA","brand-fill-mid":"#236638","brand-fill-mid-hover":"#00733E","brand-fill-low":"#1E2D24","brand-fill-low-hover":"#2B3A31","brand-label-primary":"#C6FFCD","brand-label-secondary":"#ffffff","brand-label-variation-secondary":"#DEFFDF","brand-border-opaque-normal":"#ffffff","brand-border-opaque-strong":"#C6FFCD","brandinverse-container-mid":"#197B2E","brandinverse-container-mid-hover":"#006820","brandinverse-container-high":"#002109","brandinverse-fill-mid":"#197B2E","brandinverse-fill-mid-hover":"#006820","brandinverse-fill-low":"#E9F5EA","brandinverse-fill-low-hover":"#E2F2E3","brandinverse-label-primary":"#197B2E","brandinverse-label-secondary":"#14371B","brandinverse-label-static-primary":"#C6FFCD","brandinverse-border-opaque-strong":"#197B2E","brandinverse-border-opaque-normal":"#14371B","accent-label-primary":"#FF9B3E","accent-label-yellow":"#FFD739","accent-label-mint":"#00CCCC","accent-label-cyan":"#6AC4FF","accent-label-purple":"#C978F2","accent-label-pink":"#FF6095","accent-fill-primary":"#B46200","function-fill-positive-mid":"#5DDF73","function-fill-negative-mid":"#FF3333","function-fill-negative-mid-hover":"#FF6060","function-fill-caution":"#FF9B3E","function-fill-highlight":"#394D00","function-fill-selection":"rgba(255,255,255,0.12)","function-fill-drag":"rgba(255,255,255,0.16)","function-fill-positive-low":"#075714","function-fill-negative-low":"#710808","function-label-positive":"#5DDF73","function-label-negative":"#FF3333","function-label-caution":"#FF9B3E","function-label-link":"#6AC4FF","cover-dim-page":"rgba(0,0,0,0.48)"}},"radius":{"xxs":"2px","xs":"6px","s":"8px","m":"10px","l":"12px","xl":"14px","xxl":"200px"},"opacity":{"0":"0%","1":"1%","4":"4%","8":"8%","12":"12%","16":"16%","20":"20%","24":"24%","28":"28%","32":"32%","36":"36%","40":"40%","44":"44%","48":"48%","50":"50%","56":"56%","64":"64%","72":"72%","80":"80%"},"padding":{"component-50":"2px","component-100":"4px","component-150":"6px","component-200":"8px","component-300":"12px","component-400":"16px","component-500":"20px","component-600":"24px","component-700":"32px","component-800":"40px","component-900":"48px","component-1000":"56px","component-1100":"64px","component-1300":"80px","component-1500":"100px","component-1700":"120px","section-50":"20px","section-100":"24px","section-200":"32px","section-300":"40px","section-400":"48px","section-500":"56px","section-600":"64px","section-700":"80px","section-800":"100px","section-900":"120px"},"size":{"0":"0px","1":"1px","2":"2px","3":"3px","4":"4px","6":"6px","8":"8px","10":"10px","12":"12px","14":"14px","16":"16px","18":"18px","20":"20px","24":"24px","32":"32px","40":"40px","48":"48px","56":"56px","64":"64px","80":"80px","100":"100px","120":"120px","140":"140px","160":"160px","180":"180px","200":"200px","minus6":"-6px","minus4":"-4px","minus2":"-2px"},"gap":{"positive-50":"2px","positive-100":"4px","positive-150":"6px","positive-200":"8px","positive-300":"12px","positive-400":"16px","positive-500":"20px","positive-600":"24px","positive-700":"32px","positive-800":"40px","positive-900":"48px"},"shadow":{"soft":["0px 4px 12px rgba(0, 0, 0, 0.05)","0px 6px 12px rgba(0, 0, 0, 0.2)"],"normal":["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)","0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"],"strong":["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"],"heavy":["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"]},"iconSize":{"xs":"16px","s":"20px","m":"24px","l":"32px","xl":"40px"}}
1
+ export const vars = {"color":{"light":{"neutral-container-lowest":"#ffffff","neutral-container-lowest-hover":"#F9F9FA","neutral-container-low":"#F9F9FA","neutral-container-low-hover":"#F6F6F7","neutral-container-mid":"#F6F6F7","neutral-container-mid-hover":"#F1F1F2","neutral-container-high":"#EDEEF0","neutral-container-high-hover":"#E3E3E6","neutral-container-highest":"#E9E9EB","neutral-container-static-lowest":"#ffffff","neutral-container-static-lowest-hover":"#F9F9FA","neutral-container-variation-lowest":"#ffffff","neutral-fill-overlay-lowest":"rgba(109,109,112,0)","neutral-fill-overlay-lowest-hover":"rgba(109,109,112,0.06)","neutral-fill-overlay-low":"rgba(109,109,112,0.04)","neutral-fill-overlay-low-hover":"rgba(109,109,112,0.08)","neutral-fill-overlay-mid":"rgba(109,109,112,0.08)","neutral-fill-overlay-mid-hover":"rgba(109,109,112,0.16)","neutral-fill-overlay-high":"rgba(109,109,112,0.2)","neutral-fill-overlay-high-hover":"rgba(109,109,112,0.28)","neutral-fill-overlay-highest":"rgba(109,109,112,0.72)","neutral-fill-opaque-lowest":"#ffffff","neutral-fill-opaque-lowest-hover":"#F9F9FA","neutral-fill-opaque-low":"#F9F9FA","neutral-fill-opaque-low-hover":"#F6F6F7","neutral-fill-opaque-static-lowest":"#ffffff","neutral-label-primary":"#1E1E1F","neutral-label-secondary":"rgba(109,109,112,0.8)","neutral-label-tertiary":"rgba(109,109,112,0.48)","neutral-label-quaternary":"rgba(109,109,112,0.24)","neutral-label-static-primary":"#1E1E1F","neutral-label-static-secondary":"rgba(109,109,112,0.8)","neutral-border-overlay-strong":"rgba(109,109,112,0.64)","neutral-border-overlay-normal":"rgba(109,109,112,0.24)","neutral-border-overlay-subtle":"rgba(109,109,112,0.16)","neutral-border-overlay-hint":"rgba(109,109,112,0.12)","neutral-border-opaque-strong":"#1E1E1F","neutral-border-opaque-normal":"#D7D7D9","neutral-border-opaque-subtle":"#E9E9EB","inverse-container-lowest":"#1E1E1F","inverse-container-lowest-hover":"#272729","inverse-container-low":"#272729","inverse-container-low-hover":"#313133","inverse-container-mid":"#313133","inverse-container-mid-hover":"#39393B","inverse-container-high":"#313133","inverse-container-high-hover":"#4A4A4D","inverse-container-static-high":"#313133","inverse-container-static-high-hover":"#39393B","inverse-container-highest":"#4A4A4D","inverse-fill-opaque-lowest":"#1E1E1F","inverse-fill-opaque-lowest-hover":"#272729","inverse-fill-opaque-low":"#272729","inverse-fill-opaque-low-hover":"#313133","inverse-fill-opaque-mid":"#313133","inverse-fill-mid":"#ffffff","inverse-fill-mid-hover":"rgba(109,109,112,0.32)","inverse-label-primary":"#ffffff","inverse-label-secondary":"rgba(233,233,235,0.64)","inverse-label-tertiary":"rgba(233,233,235,0.32)","inverse-label-quaternary":"rgba(233,233,235,0.2)","inverse-label-static-primary":"#ffffff","inverse-label-static-secondary":"rgba(233,233,235,0.64)","inverse-border-overlay-strong":"rgba(233,233,235,0.64)","inverse-border-overlay-normal":"rgba(233,233,235,0.28)","inverse-border-overlay-subtle":"rgba(233,233,235,0.2)","inverse-border-overlay-hint":"rgba(233,233,235,0.12)","inverse-border-opaque-strong":"#ffffff","inverse-border-opaque-normal":"#58595C","inverse-border-opaque-subtle":"#39393B","brand-container-mid":"#197B2E","brand-container-mid-hover":"#006E23","brand-container-high":"#002109","brand-fill-mid":"#197B2E","brand-fill-mid-hover":"#006E23","brand-fill-low":"#E9F5EA","brand-fill-low-hover":"#E2F2E3","brand-label-primary":"#197B2E","brand-label-secondary":"#14371B","brand-label-variation-secondary":"#14371B","brand-border-opaque-normal":"#14371B","brand-border-opaque-strong":"#197B2E","brandinverse-container-mid":"#236638","brandinverse-container-mid-hover":"#00733E","brandinverse-container-high":"#E9F5EA","brandinverse-fill-mid":"#236638","brandinverse-fill-mid-hover":"#00733E","brandinverse-fill-low":"#1E2D24","brandinverse-fill-low-hover":"#2B3A31","brandinverse-label-primary":"#C6FFCD","brandinverse-label-secondary":"#ffffff","brandinverse-label-static-primary":"#C6FFCD","brandinverse-border-opaque-strong":"#C6FFCD","brandinverse-border-opaque-normal":"#ffffff","accent-label-primary":"#FE8F16","accent-label-yellow":"#FFCC00","accent-label-mint":"#02B0B0","accent-label-cyan":"#40B3FF","accent-label-purple":"#B450E6","accent-label-pink":"#FF3377","accent-fill-primary":"#FFB77C","function-fill-positive-mid":"#30BF48","function-fill-negative-mid":"#FF3333","function-fill-negative-mid-hover":"#DB2323","function-fill-caution":"#FE8F16","function-fill-highlight":"#EAFFB6","function-fill-selection":"rgba(20,55,27,0.08)","function-fill-drag":"rgba(20,55,27,0.12)","function-fill-positive-low":"#E6FCEA","function-fill-negative-low":"#FFE7E7","function-label-positive":"#148B28","function-label-negative":"#FF3333","function-label-caution":"#FE8F16","function-label-link":"#1A79B8","cover-dim-page":"rgba(0,0,0,0.48)"},"dark":{"neutral-container-lowest":"#1E1E1F","neutral-container-lowest-hover":"#272729","neutral-container-low":"#272729","neutral-container-low-hover":"#313133","neutral-container-mid":"#313133","neutral-container-mid-hover":"#39393B","neutral-container-high":"#313133","neutral-container-high-hover":"#4A4A4D","neutral-container-highest":"#4A4A4D","neutral-container-static-lowest":"#ffffff","neutral-container-static-lowest-hover":"#F9F9FA","neutral-container-variation-lowest":"#272729","neutral-fill-overlay-lowest":"rgba(109,109,112,0)","neutral-fill-overlay-lowest-hover":"rgba(109,109,112,0.12)","neutral-fill-overlay-low":"rgba(109,109,112,0.08)","neutral-fill-overlay-low-hover":"rgba(109,109,112,0.2)","neutral-fill-overlay-mid":"rgba(109,109,112,0.16)","neutral-fill-overlay-mid-hover":"rgba(109,109,112,0.32)","neutral-fill-overlay-high":"rgba(109,109,112,0.32)","neutral-fill-overlay-high-hover":"rgba(109,109,112,0.44)","neutral-fill-overlay-highest":"rgba(109,109,112,0.72)","neutral-fill-opaque-lowest":"#1E1E1F","neutral-fill-opaque-lowest-hover":"#272729","neutral-fill-opaque-low":"#272729","neutral-fill-opaque-low-hover":"#313133","neutral-fill-opaque-static-lowest":"#ffffff","neutral-label-primary":"#ffffff","neutral-label-secondary":"rgba(233,233,235,0.64)","neutral-label-tertiary":"rgba(233,233,235,0.32)","neutral-label-quaternary":"rgba(233,233,235,0.2)","neutral-label-static-primary":"#1E1E1F","neutral-label-static-secondary":"rgba(109,109,112,0.8)","neutral-border-overlay-strong":"rgba(233,233,235,0.64)","neutral-border-overlay-normal":"rgba(233,233,235,0.28)","neutral-border-overlay-subtle":"rgba(233,233,235,0.2)","neutral-border-overlay-hint":"rgba(233,233,235,0.12)","neutral-border-opaque-strong":"#ffffff","neutral-border-opaque-normal":"#58595C","neutral-border-opaque-subtle":"#39393B","inverse-container-lowest":"#ffffff","inverse-container-lowest-hover":"#F9F9FA","inverse-container-low":"#F9F9FA","inverse-container-low-hover":"#F6F6F7","inverse-container-mid":"#F6F6F7","inverse-container-mid-hover":"#F1F1F2","inverse-container-high":"#EDEEF0","inverse-container-high-hover":"#E3E3E6","inverse-container-static-high":"#313133","inverse-container-static-high-hover":"#39393B","inverse-container-highest":"#E9E9EB","inverse-fill-opaque-lowest":"#ffffff","inverse-fill-opaque-lowest-hover":"#F9F9FA","inverse-fill-opaque-low":"#F9F9FA","inverse-fill-opaque-low-hover":"#F6F6F7","inverse-fill-opaque-mid":"#F6F6F7","inverse-fill-mid":"rgba(233,233,235,0.24)","inverse-fill-mid-hover":"rgba(109,109,112,0.16)","inverse-label-primary":"#1E1E1F","inverse-label-secondary":"rgba(109,109,112,0.8)","inverse-label-tertiary":"rgba(109,109,112,0.48)","inverse-label-quaternary":"rgba(109,109,112,0.24)","inverse-label-static-primary":"#ffffff","inverse-label-static-secondary":"rgba(233,233,235,0.64)","inverse-border-overlay-strong":"rgba(109,109,112,0.64)","inverse-border-overlay-normal":"rgba(109,109,112,0.24)","inverse-border-overlay-subtle":"rgba(109,109,112,0.16)","inverse-border-overlay-hint":"rgba(109,109,112,0.12)","inverse-border-opaque-strong":"#1E1E1F","inverse-border-opaque-normal":"#D7D7D9","inverse-border-opaque-subtle":"#E9E9EB","brand-container-mid":"#236638","brand-container-mid-hover":"#00733E","brand-container-high":"#E9F5EA","brand-fill-mid":"#236638","brand-fill-mid-hover":"#00733E","brand-fill-low":"#1E2D24","brand-fill-low-hover":"#2B3A31","brand-label-primary":"#C6FFCD","brand-label-secondary":"#ffffff","brand-label-variation-secondary":"#DEFFDF","brand-border-opaque-normal":"#ffffff","brand-border-opaque-strong":"#C6FFCD","brandinverse-container-mid":"#197B2E","brandinverse-container-mid-hover":"#006E23","brandinverse-container-high":"#002109","brandinverse-fill-mid":"#197B2E","brandinverse-fill-mid-hover":"#006E23","brandinverse-fill-low":"#E9F5EA","brandinverse-fill-low-hover":"#E2F2E3","brandinverse-label-primary":"#197B2E","brandinverse-label-secondary":"#14371B","brandinverse-label-static-primary":"#C6FFCD","brandinverse-border-opaque-strong":"#197B2E","brandinverse-border-opaque-normal":"#14371B","accent-label-primary":"#FF9B3E","accent-label-yellow":"#FFD739","accent-label-mint":"#00CCCC","accent-label-cyan":"#6AC4FF","accent-label-purple":"#C978F2","accent-label-pink":"#FF6095","accent-fill-primary":"#B46200","function-fill-positive-mid":"#5DDF73","function-fill-negative-mid":"#FF3333","function-fill-negative-mid-hover":"#FF6060","function-fill-caution":"#FF9B3E","function-fill-highlight":"#394D00","function-fill-selection":"rgba(255,255,255,0.12)","function-fill-drag":"rgba(255,255,255,0.16)","function-fill-positive-low":"#075714","function-fill-negative-low":"#710808","function-label-positive":"#5DDF73","function-label-negative":"#FF3333","function-label-caution":"#FF9B3E","function-label-link":"#6AC4FF","cover-dim-page":"rgba(0,0,0,0.48)"}},"radius":{"xxs":"2px","xs":"6px","s":"8px","m":"10px","l":"12px","xl":"14px","xxl":"200px"},"opacity":{"0":"0%","1":"1%","4":"4%","8":"8%","12":"12%","16":"16%","20":"20%","24":"24%","28":"28%","32":"32%","36":"36%","40":"40%","44":"44%","48":"48%","50":"50%","56":"56%","64":"64%","72":"72%","80":"80%"},"padding":{"component-50":"2px","component-100":"4px","component-150":"6px","component-200":"8px","component-300":"12px","component-400":"16px","component-500":"20px","component-600":"24px","component-700":"32px","component-800":"40px","component-900":"48px","component-1000":"56px","component-1100":"64px","component-1300":"80px","component-1500":"100px","component-1700":"120px","section-50":"20px","section-100":"24px","section-200":"32px","section-300":"40px","section-400":"48px","section-500":"56px","section-600":"64px","section-700":"80px","section-800":"100px","section-900":"120px"},"size":{"0":"0px","1":"1px","2":"2px","3":"3px","4":"4px","6":"6px","8":"8px","10":"10px","12":"12px","14":"14px","16":"16px","18":"18px","20":"20px","24":"24px","32":"32px","40":"40px","48":"48px","56":"56px","64":"64px","80":"80px","100":"100px","120":"120px","140":"140px","160":"160px","180":"180px","200":"200px","minus6":"-6px","minus4":"-4px","minus2":"-2px"},"gap":{"positive-50":"2px","positive-100":"4px","positive-150":"6px","positive-200":"8px","positive-300":"12px","positive-400":"16px","positive-500":"20px","positive-600":"24px","positive-700":"32px","positive-800":"40px","positive-900":"48px"},"shadow":{"soft":["0px 4px 12px rgba(0, 0, 0, 0.05)","0px 6px 12px rgba(0, 0, 0, 0.2)"],"normal":["0px 0px 1px rgba(0, 0, 0, 0.06), 0px 1px 8px rgba(0, 0, 0, 0.06), 0px 2px 12px rgba(0, 0, 0, 0.08)","0px 0px 1px rgba(0, 0, 0, 0.22), 0px 1px 8px rgba(0, 0, 0, 0.22), 0px 2px 16px rgba(0, 0, 0, 0.26)"],"strong":["0px 6px 16px 0px rgba(0, 0, 0, 0.12), 0px 4px 12px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 6px 16px 0px rgba(0, 0, 0, 0.36), 0px 4px 12px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"],"heavy":["0px 16px 20px 0px rgba(0, 0, 0, 0.12), 0px 8px 16px 0px rgba(0, 0, 0, 0.08), 0px 0px 8px 0px rgba(0, 0, 0, 0.08)","0px 16px 20px 0px rgba(0, 0, 0, 0.36), 0px 8px 16px 0px rgba(0, 0, 0, 0.24), 0px 0px 8px 0px rgba(0, 0, 0, 0.24)"]},"iconSize":{"xs":"16px","s":"20px","m":"24px","l":"32px","xl":"40px"}}
package/src/store/theme.ts CHANGED
@@ -1,12 +1,6 @@
1
- import { atom } from 'recoil';
1
+ import { atom } from 'jotai';
2
2
  import { AppAppearance, SystemAppearance } from '../color';
3
3
 
4
- export const appAppearanceAtom = atom<AppAppearance>({
5
- key: 'themeAtoms',
6
- default: 'sys',
7
- });
4
+ export const appAppearanceAtom = atom<AppAppearance>('sys');
8
5
 
9
- export const systemAppearanceAtom = atom<SystemAppearance>({
10
- key: 'systemThemeAtoms',
11
- default: 'notDetermined',
12
- });
6
+ export const systemAppearanceAtom = atom<SystemAppearance>('notDetermined');