@react-spectrum/s2 0.5.0 → 0.6.0

package/style/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/types.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/style-macro.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/tokens.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/spectrum-theme.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/index.ts","packages/@react-spectrum/s2/style/index.ts"],"sourcesContent":[null,null,null,null,null,"/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/types.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/tokens.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/style-macro.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/spectrum-theme.ts","packages/@react-spectrum/s2/style/packages/@react-spectrum/s2/style/index.ts","packages/@react-spectrum/s2/style/index.ts"],"sourcesContent":[null,null,null,null,null,"/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';\nexport {baseColor, edgeToText, lightDark, linearGradient, colorMix, style} from './spectrum-theme';\nexport type {StyleString} from './types';\n\n// Wrap these functions in arbitrary value syntax when called from the outside.\nexport function size(px: number): `[${string}]` {\n  return `[${internalSize(px)}]`;\n}\n\nexport function space(px: number): `[${string}]` {\n  return `[${internalSpace(px)}]`;\n}\n\nexport function fontRelative(base: number, baseFontSize?: number): `[${string}]` {\n  return `[${internalFontRelative(base, baseFontSize)}]`;\n}\n\nexport const focusRing = () => ({\n  outlineStyle: {\n    default: 'none',\n    isFocusVisible: 'solid'\n  },\n  outlineColor: 'focus-ring',\n  outlineWidth: 2,\n  outlineOffset: 2\n} as const);\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/style/index.ts

@@ -11,7 +11,7 @@
  */
 
 import {fontRelative as internalFontRelative, size as internalSize, space as internalSpace} from './spectrum-theme';
-export {baseColor, edgeToText, lightDark, colorMix, style} from './spectrum-theme';
+export {baseColor, edgeToText, lightDark, linearGradient, colorMix, style} from './spectrum-theme';
 export type {StyleString} from './types';
 
 // Wrap these functions in arbitrary value syntax when called from the outside.

package/style/spectrum-theme.ts

@@ -10,9 +10,9 @@
  * governing permissions and limitations under the License.
  */
 
-import {ArbitraryValue, CSSValue, PropertyValueMap} from './types';
+import {ArbitraryValue, CSSProperties, CSSValue, PropertyValueMap} from './types';
+import {autoStaticColor, colorScale, colorToken, fontSizeToken, generateOverlayColorScale, getToken, simpleColorScale, weirdColorToken} from './tokens' with {type: 'macro'};
 import {Color, createArbitraryProperty, createColorProperty, createMappedProperty, createRenamedProperty, createSizingProperty, createTheme, parseArbitraryValue} from './style-macro';
-import {colorScale, colorToken, fontSizeToken, getToken, simpleColorScale, weirdColorToken} from './tokens' with {type: 'macro'};
 import type * as CSS from 'csstype';
 
 interface MacroContext {
@@ -59,6 +59,7 @@ const color = {
 
   ...simpleColorScale('transparent-white'),
   ...simpleColorScale('transparent-black'),
+  ...generateOverlayColorScale(),
 
   // High contrast mode.
   Background: 'Background',
@@ -110,6 +111,37 @@ export function colorMix(a: SpectrumColor, b: SpectrumColor, percent: number): `
   return `[color-mix(in srgb, ${parseColor(a)}, ${parseColor(b)} ${percent}%)]`;
 }
 
+interface LinearGradient {
+  type: 'linear-gradient',
+  angle: string,
+  stops: [SpectrumColor, number][]
+}
+
+export function linearGradient(this: MacroContext | void, angle: string, ...tokens: [SpectrumColor, number][]): [LinearGradient] {
+  // Generate @property rules for each gradient stop color. This allows the gradient to be animated.
+  let propertyDefinitions: string[] = [];
+  for (let i = 0; i < tokens.length; i++) {
+    propertyDefinitions.push(`@property --g${i} {
+  syntax: '<color>';
+  initial-value: #0000;
+  inherits: false;
+}`);
+  }
+
+  if (this && typeof this.addAsset === 'function') {
+    this.addAsset({
+      type: 'css',
+      content: propertyDefinitions.join('\n\n')
+    });
+  }
+
+  return [{
+    type: 'linear-gradient',
+    angle,
+    stops: tokens
+  }];
+}
+
 function generateSpacing<K extends number[]>(px: K): {[P in K[number]]: string} {
   let res: any = {};
   for (let p of px) {
@@ -315,8 +347,10 @@ let gridTrackSize = (value: GridTrackSize) => {
 };
 
 const transitionProperty = {
-  default: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
-  colors: 'color, background-color, border-color, text-decoration-color, fill, stroke',
+  // var(--gp) is generated by the backgroundImage property when setting a gradient.
+  // It includes a list of all of the custom properties used for each color stop.
+  default: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter',
+  colors: 'color, background-color, var(--gp), border-color, text-decoration-color, fill, stroke',
   opacity: 'opacity',
   shadow: 'box-shadow',
   transform: 'transform, translate, scale, rotate',
@@ -458,7 +492,8 @@ export const style = createTheme({
       title: colorToken('title-color'),
       body: colorToken('body-color'),
       detail: colorToken('detail-color'),
-      code: colorToken('code-color')
+      code: colorToken('code-color'),
+      auto: autoStaticColor('self(backgroundColor, var(--s2-container-bg))')
     }),
     backgroundColor: createColorProperty({
       ...color,
@@ -667,7 +702,14 @@ export const style = createTheme({
       translate: 'var(--translateX, 0) var(--translateY, 0)'
     }), translate),
     rotate: createArbitraryProperty((value: number | `${number}deg` | `${number}rad` | `${number}grad` | `${number}turn`, property) => ({[property]: typeof value === 'number' ? `${value}deg` : value})),
-    scale: createArbitraryProperty<number>(),
+    scaleX: createArbitraryProperty<number>(value => ({
+      '--scaleX': value,
+      scale: 'var(--scaleX, 1) var(--scaleY, 1)'
+    })),
+    scaleY: createArbitraryProperty<number>(value => ({
+      '--scaleY': value,
+      scale: 'var(--scaleX, 1) var(--scaleY, 1)'
+    })),
     transform: createArbitraryProperty<string>(),
     position: ['absolute', 'fixed', 'relative', 'sticky', 'static'] as const,
     insetStart: createRenamedProperty('insetInlineStart', inset),
@@ -789,7 +831,29 @@ export const style = createTheme({
     borderBottomEndRadius: createRenamedProperty('borderEndEndRadius', radius),
     forcedColorAdjust: ['auto', 'none'] as const,
     colorScheme: ['light', 'dark', 'light dark'] as const,
-    backgroundImage: createArbitraryProperty<string>(),
+    backgroundImage: createArbitraryProperty<string | [LinearGradient]>((value, property) => {
+      if (typeof value === 'string') {
+        return {[property]: value};
+      } else if (Array.isArray(value) && value[0]?.type === 'linear-gradient') {
+        let values: CSSProperties = {
+          [property]: `linear-gradient(${value[0].angle}, ${value[0].stops.map(([, stop], i) => `var(--g${i}) ${stop}%`)})`
+        };
+
+        // Create a CSS var for each color stop so the gradient can be transitioned.
+        // These are registered via @property in the `linearGradient` macro.
+        let properties: string[] = [];
+        value[0].stops.forEach(([color], i) => {
+          properties.push(`--g${i}`);
+          values[`--g${i}`] = parseColor(color);
+        });
+
+        // This is used by transition-property so we automatically transition all of the color stops.
+        values['--gp'] = properties.join(', ');
+        return values;
+      } else {
+        throw new Error('Unexpected backgroundImage value: ' + JSON.stringify(value));
+      }
+    }),
     // TODO: do we need separate x and y properties?
     backgroundPosition: ['bottom', 'center', 'left', 'left bottom', 'left top', 'right', 'right bottom', 'right top', 'top'] as const,
     backgroundSize: ['auto', 'cover', 'contain'] as const,
@@ -928,6 +992,7 @@ export const style = createTheme({
     borderStartRadius: ['borderTopStartRadius', 'borderBottomStartRadius'] as const,
     borderEndRadius: ['borderTopEndRadius', 'borderBottomEndRadius'] as const,
     translate: ['translateX', 'translateY'] as const,
+    scale: ['scaleX', 'scaleY'] as const,
     inset: ['top', 'bottom', 'insetStart', 'insetEnd'] as const,
     insetX: ['insetStart', 'insetEnd'] as const,
     insetY: ['top', 'bottom'] as const,

package/style/style-macro.ts

@@ -12,10 +12,10 @@
 
 import type {Condition, CSSProperties, CSSValue, CustomValue, PropertyFunction, PropertyValueDefinition, PropertyValueMap, RenderProps, ShorthandProperty, StyleFunction, StyleValue, Theme, ThemeProperties, Value} from './types';
 
-let defaultArbitraryProperty = <T extends Value>(value: T, property: string) => ({[property]: value} as CSSProperties);
-export function createArbitraryProperty<T extends Value>(fn: (value: T, property: string) => CSSProperties = defaultArbitraryProperty): PropertyFunction<T> {
+let defaultArbitraryProperty = <T>(value: T, property: string) => ({[property]: value} as CSSProperties);
+export function createArbitraryProperty<T>(fn: (value: T, property: string) => CSSProperties = defaultArbitraryProperty): PropertyFunction<T> {
   return (value, property) => {
-    let selector = Array.isArray(value) ? generateArbitraryValueSelector(value.map(v => String(v)).join('')) : generateArbitraryValueSelector(String(value));
+    let selector = Array.isArray(value) ? generateArbitraryValueSelector(value.map(v => JSON.stringify(v)).join('')) : generateArbitraryValueSelector(JSON.stringify(value));
     return {default: [fn(value, property), selector]};
   };
 }
@@ -57,7 +57,7 @@ export function createSizingProperty<T extends CSSValue>(values: PropertyValueMa
         return [{[property]: value}, valueMap.get(value)!];
       });
     }
-    
+
     if (typeof value === 'number') {
       let cssValue = value === 0 ? '0px' : fn(value);
       return {default: [{[property]: cssValue}, generateName(value + valueMap.size)]};
@@ -630,6 +630,14 @@ function getStaticClassName(rules: Rule[]): string {
 }
 
 export function raw(this: MacroContext | void, css: string, layer = '_.a') {
+  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
+  // We also check if this is globalThis, which happens in non-strict mode bundles.
+  // Also allow style to be called as a normal function in tests.
+  // @ts-ignore
+  // eslint-disable-next-line
+  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
+    throw new Error('The raw macro must be imported with {type: "macro"}.');
+  }
   let className = generateArbitraryValueSelector(css, true);
   css = `@layer ${layer} {
   .${className} {
@@ -646,6 +654,14 @@ export function raw(this: MacroContext | void, css: string, layer = '_.a') {
 }
 
 export function keyframes(this: MacroContext | void, css: string) {
+  // Check if `this` is undefined, which means style was not called as a macro but as a normal function.
+  // We also check if this is globalThis, which happens in non-strict mode bundles.
+  // Also allow style to be called as a normal function in tests.
+  // @ts-ignore
+  // eslint-disable-next-line
+  if ((this == null || this === globalThis) && process.env.NODE_ENV !== 'test') {
+    throw new Error('The keyframes macro must be imported with {type: "macro"}.');
+  }
   let name = generateArbitraryValueSelector(css, true);
   css = `@keyframes ${name} {
   ${css}

package/style/tokens.ts

@@ -52,6 +52,36 @@ export function simpleColorScale<S extends string>(scale: S): Record<Extract<key
   return res;
 }
 
+function extractOpacity(color: string): number {
+  return Number(color.match(/^rgba\(\d+, \d+, \d+, ([.\d]+)\)$/)?.[1] ?? 1);
+}
+
+/** 
+ * This swaps between white or black based on the background color.
+ * After testing against all RGB background colors, 49.44 minimizes the number of WCAG 4.5:1 contrast failures.
+ */
+export function autoStaticColor(bg = 'var(--s2-container-bg)', alpha = 1) {
+  return `lch(from ${bg} calc((49.44 - l) * infinity) 0 0 / ${alpha})`;
+}
+
+export function generateOverlayColorScale(bg = 'var(--s2-container-bg)') {
+  return {
+    'transparent-overlay-25': autoStaticColor(bg, extractOpacity(getToken('transparent-white-25'))),
+    'transparent-overlay-50': autoStaticColor(bg, extractOpacity(getToken('transparent-white-50'))),
+    'transparent-overlay-75': autoStaticColor(bg, extractOpacity(getToken('transparent-white-75'))),
+    'transparent-overlay-100': autoStaticColor(bg, extractOpacity(getToken('transparent-white-100'))),
+    'transparent-overlay-200': autoStaticColor(bg, extractOpacity(getToken('transparent-white-200'))),
+    'transparent-overlay-300': autoStaticColor(bg, extractOpacity(getToken('transparent-white-300'))),
+    'transparent-overlay-400': autoStaticColor(bg, extractOpacity(getToken('transparent-white-400'))),
+    'transparent-overlay-500': autoStaticColor(bg, extractOpacity(getToken('transparent-white-500'))),
+    'transparent-overlay-600': autoStaticColor(bg, extractOpacity(getToken('transparent-white-600'))),
+    'transparent-overlay-700': autoStaticColor(bg, extractOpacity(getToken('transparent-white-700'))),
+    'transparent-overlay-800': autoStaticColor(bg, extractOpacity(getToken('transparent-white-800'))),
+    'transparent-overlay-900': autoStaticColor(bg, extractOpacity(getToken('transparent-white-900'))),
+    'transparent-overlay-1000': autoStaticColor(bg, extractOpacity(getToken('transparent-white-1000')))
+  };
+}
+
 function pxToRem(px: string | number) {
   if (typeof px === 'string') {
     px = parseFloat(px);

package/style/types.ts

@@ -25,7 +25,7 @@ export type CSSProperties = CSS.Properties & {
   [k: CustomProperty]: CSSValue
 };
 
-export type PropertyFunction<T extends Value> = (value: T, property: string) => PropertyValueDefinition<[CSSProperties, string]>;
+export type PropertyFunction<T> = (value: T, property: string) => PropertyValueDefinition<[CSSProperties, string]>;
 
 export type ShorthandProperty<T> = (value: T) => {[name: string]: Value};