@react-spectrum/style-macro-s1 3.0.0-alpha.3 → 3.0.0-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-spectrum/style-macro-s1",
-  "version": "3.0.0-alpha.3",
+  "version": "3.0.0-alpha.5",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "source": "src/index.ts",
@@ -18,5 +18,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d3c72c94eea2d72eb3a0e7d56000c6ef7e39726"
+  "gitHead": "0bda51183baa23306342af32a82012ea0fe0f2dc"
 }

package/src/spectrum-theme.ts

@@ -252,7 +252,14 @@ const color = {
   LinkText: 'LinkText'
 };
 
-export function baseColor(base: keyof typeof color) {
+interface ColorStates {
+  default: keyof typeof color,
+  isHovered: keyof typeof color,
+  isFocusVisible: keyof typeof color,
+  isPressed: keyof typeof color
+}
+
+export function baseColor(base: keyof typeof color): ColorStates {
   let keys = Object.keys(color) as (keyof typeof color)[];
   let index = keys.indexOf(base);
   if (index === -1) {
@@ -696,7 +703,8 @@ export const style = createTheme({
     hyphens: ['none', 'manual', 'auto'] as const,
     whiteSpace: ['normal', 'nowrap', 'pre', 'pre-line', 'pre-wrap', 'break-spaces'] as const,
     textWrap: ['wrap', 'nowrap', 'balance', 'pretty'] as const,
-    wordBreak: ['normal', 'break-all', 'keep-all'] as const, // also overflowWrap??
+    wordBreak: ['normal', 'break-all', 'keep-all'] as const,
+    overflowWrap: ['normal', 'anywhere', 'break-word'] as const,
     boxDecorationBreak: ['slice', 'clone'] as const,
 
     // effects

package/src/style-macro.ts

@@ -449,7 +449,7 @@ function printRuleChildren(rule: Rule, indent = '') {
   return res;
 }
 
-export function raw(this: MacroContext | void, css: string) {
+export function raw(this: MacroContext | void, css: string): string {
   let className = generateArbitraryValueSelector(css, true);
   css = `.${className} {
   ${css}
@@ -463,7 +463,7 @@ export function raw(this: MacroContext | void, css: string) {
   return className;
 }
 
-export function keyframes(this: MacroContext | void, css: string) {
+export function keyframes(this: MacroContext | void, css: string): string {
   let name = generateArbitraryValueSelector(css, true);
   css = `@keyframes ${name} {
   ${css}