react-native-terra-ui 0.5.0 → 0.6.0

package/lib/module/theme/tokens/light.js

@@ -17,81 +17,81 @@
  */
 export const light = {
   // ── color: page background ────────────────────────────────────────────────
-  'color.background': '#fbfbfb',
+  "color.background": "#fbfbfb",
   // ── color: shadow (used as elevation.*.shadowColor) ───────────────────────
-  'color.shadow': '#000000',
+  "color.shadow": "#000000",
   // ── color: surfaces  (bg implied — no property segment) ──────────────────
-  'color.surface.default': '{palette.white}',
-  'color.surface.raised': '{palette.white}',
-  'color.surface.sunken': '#ececee',
-  'color.surface.overlay': 'rgba(9, 9, 11, 0.48)',
-  'color.surface.accent': '{palette.emerald.600}',
-  'color.surface.accent.subtle': '{palette.emerald.100}',
+  "color.surface.default": "{palette.white}",
+  "color.surface.raised": "{palette.white}",
+  "color.surface.sunken": "#ececee",
+  "color.surface.overlay": "rgba(9, 9, 11, 0.48)",
+  "color.surface.accent": "{palette.emerald.600}",
+  "color.surface.accent.subtle": "{palette.emerald.100}",
   // ── color: text / icons  (fg implied — no property segment) ──────────────
-  'color.text.default': '{palette.neutral.950}',
-  'color.text.muted': '#4b5060',
-  'color.text.subtle': '#6b7280',
-  'color.text.disabled': '#9ca3af',
-  'color.text.inverse': '{palette.white}',
-  'color.text.link': '{palette.blue.600}',
-  'color.text.accent': '{palette.emerald.600}',
-  'color.text.on-accent': '{palette.white}',
-  'color.text.on-accent-subtle': '{palette.emerald.700}',
+  "color.text.default": "{palette.neutral.950}",
+  "color.text.muted": "#4b5060",
+  "color.text.subtle": "#6b7280",
+  "color.text.disabled": "#9ca3af",
+  "color.text.inverse": "{palette.white}",
+  "color.text.link": "{palette.blue.600}",
+  "color.text.accent": "{palette.emerald.600}",
+  "color.text.on-accent": "{palette.white}",
+  "color.text.on-accent-subtle": "{palette.emerald.700}",
   // ── color: borders  (border-color implied — no property segment) ──────────
-  'color.border.subtle': '#ebebed',
-  'color.border.default': '{palette.neutral.200}',
-  'color.border.strong': '#d1d5db',
-  'color.border.focus': '{palette.blue.500}',
-  'color.border.accent': '{palette.emerald.600}',
+  "color.border.subtle": "#ebebed",
+  "color.border.default": "{palette.neutral.200}",
+  "color.border.strong": "#d1d5db",
+  "color.border.focus": "{palette.blue.500}",
+  "color.border.accent": "{palette.emerald.600}",
   // ── color: interactive actions  (bg + fg → property required) ────────────
-  'color.action.bg.primary': '{palette.emerald.600}',
-  'color.action.bg.primary.hover': '{palette.emerald.700}',
-  'color.action.bg.primary.active': '{palette.emerald.800}',
-  'color.action.bg.primary.disabled': '{palette.slate.200}',
-  'color.action.fg.primary': '{palette.white}',
-  'color.action.bg.primary.subtle': '{palette.emerald.100}',
-  'color.action.bg.primary.subtle.hover': '{palette.emerald.200}',
-  'color.action.bg.primary.subtle.active': '{palette.emerald.300}',
-  'color.action.bg.primary.subtle.disabled': '{palette.slate.100}',
-  'color.action.fg.primary.subtle': '{palette.emerald.700}',
+  "color.action.bg.primary": "{palette.emerald.600}",
+  "color.action.bg.primary.hover": "{palette.emerald.700}",
+  "color.action.bg.primary.active": "{palette.emerald.800}",
+  "color.action.bg.primary.disabled": "{palette.slate.200}",
+  "color.action.fg.primary": "{palette.white}",
+  "color.action.bg.primary.subtle": "{palette.emerald.100}",
+  "color.action.bg.primary.subtle.hover": "{palette.emerald.200}",
+  "color.action.bg.primary.subtle.active": "{palette.emerald.300}",
+  "color.action.bg.primary.subtle.disabled": "{palette.slate.100}",
+  "color.action.fg.primary.subtle": "{palette.emerald.700}",
   // `secondary`'s resting fill/text — used by Avatar/Chip's `secondary` color
   // and Button/Toast's neutral-emphasis look; sized for real separation
   // against `color.background` (#f9f9fb), not just a tint.
-  'color.action.bg.secondary': '{palette.neutral.200}',
-  'color.action.fg.secondary': '{palette.neutral.900}',
-  'color.action.bg.secondary.subtle': '{palette.neutral.400}/15',
-  'color.action.bg.secondary.subtle.hover': '{palette.neutral.400}/25',
-  'color.action.bg.secondary.subtle.active': '{palette.neutral.400}/35',
-  'color.action.bg.secondary.subtle.disabled': '{palette.slate.100}',
-  'color.action.fg.secondary.subtle': '{palette.neutral.700}',
+  "color.action.bg.secondary": "{palette.neutral.200}",
+  "color.action.fg.secondary": "{palette.neutral.900}",
+  "color.action.bg.secondary.subtle": "{palette.neutral.400}/15",
+  "color.action.bg.secondary.subtle.hover": "{palette.neutral.400}/25",
+  "color.action.bg.secondary.subtle.active": "{palette.neutral.400}/35",
+  "color.action.bg.secondary.subtle.disabled": "{palette.slate.100}",
+  "color.action.fg.secondary.subtle": "{palette.neutral.700}",
   // ── color: status  (bg + fg + border → property required) ────────────────
-  'color.status.success': '{palette.green.600}',
-  'color.status.success.bg': '{palette.green.600}',
-  'color.status.success.bg.subtle': '{palette.green.600}/20',
-  'color.status.success.border': '{palette.green.300}',
-  'color.status.success.border.subtle': '{palette.green.200}',
-  'color.status.success.fg': '{palette.white}',
-  'color.status.success.fg.subtle': '{palette.green.800}',
-  'color.status.warning': '{palette.yellow.500}',
-  'color.status.warning.bg': '{palette.yellow.500}',
-  'color.status.warning.bg.subtle': '{palette.yellow.500}/20',
-  'color.status.warning.border': '{palette.yellow.300}',
-  'color.status.warning.border.subtle': '{palette.yellow.200}',
-  'color.status.warning.fg': '{palette.slate.950}',
-  'color.status.warning.fg.subtle': '{palette.yellow.800}',
-  'color.status.danger': '{palette.red.400}',
-  'color.status.danger.bg': '{palette.red.400}',
-  'color.status.danger.bg.subtle': '{palette.red.500}/20',
-  'color.status.danger.border': '{palette.red.500}',
-  'color.status.danger.border.subtle': '{palette.red.200}',
-  'color.status.danger.fg': '{palette.white}',
-  'color.status.danger.fg.subtle': '{palette.red.800}',
-  'color.status.info': '{palette.sky.600}',
-  'color.status.info.bg': '{palette.sky.600}',
-  'color.status.info.bg.subtle': '{palette.sky.100}',
-  'color.status.info.border': '{palette.sky.300}',
-  'color.status.info.border.subtle': '{palette.sky.200}',
-  'color.status.info.fg': '{palette.white}',
-  'color.status.info.fg.subtle': '{palette.sky.800}'
+  "color.status.success": "{palette.green.600}",
+  "color.status.success.bg": "{palette.green.600}",
+  "color.status.success.bg.subtle": "{palette.green.600}/20",
+  "color.status.success.border": "{palette.green.300}",
+  "color.status.success.border.subtle": "{palette.green.200}",
+  "color.status.success.fg": "{palette.white}",
+  "color.status.success.fg.subtle": "{palette.green.800}",
+  "color.status.warning": "{palette.yellow.500}",
+  "color.status.warning.bg": "{palette.yellow.500}",
+  "color.status.warning.bg.subtle": "{palette.yellow.500}/20",
+  "color.status.warning.border": "{palette.yellow.300}",
+  "color.status.warning.border.subtle": "{palette.yellow.200}",
+  "color.status.warning.fg": "{palette.slate.950}",
+  "color.status.warning.fg.subtle": "{palette.yellow.800}",
+  "color.status.danger": "{palette.red.400}",
+  "color.status.danger.bg": "{palette.red.400}",
+  "color.status.danger.bg.subtle": "{palette.red.500}/20",
+  "color.status.danger.border": "{palette.red.500}",
+  "color.status.danger.border.subtle": "{palette.red.200}",
+  "color.status.danger.fg": "{palette.white}",
+  "color.status.danger.fg.subtle": "{palette.red.800}",
+  "color.status.info": "{palette.sky.600}",
+  "color.status.info.bg": "{palette.sky.600}",
+  "color.status.info.bg.subtle": "{palette.sky.100}",
+  "color.status.info.border": "{palette.sky.300}",
+  "color.status.info.border.subtle": "{palette.sky.200}",
+  "color.status.info.fg": "{palette.white}",
+  "color.status.info.fg.subtle": "{palette.sky.800}"
 };
 //# sourceMappingURL=light.js.map