@react-spectrum/s2 0.7.1 → 0.8.0

package/src/page.macro.ts

@@ -21,7 +21,7 @@ function weirdColorToken(token: typeof tokens['background-layer-2-color']) {
   return `light-dark(${token.sets.light.sets.light.value}, ${token.sets.dark.sets.dark.value})`;
 }
 
-export function generatePageStyles(this: MacroContext | void) {
+export function generatePageStyles(this: MacroContext | void): void {
   if (this && typeof this.addAsset === 'function') {
     this.addAsset({
       type: 'css',
@@ -55,13 +55,13 @@ export function generatePageStyles(this: MacroContext | void) {
   }
 }
 
-// This generates a low specificity rule to define default values for 
+// This generates a low specificity rule to define default values for
 // --lightningcss-light and --lightningcss-dark. This is used when rendering
 // a <Provider> without setting a colorScheme prop, and when page.css is not present.
 // It is equivalent to setting `color-scheme: light dark`, but without overriding
 // the browser default for content outside the provider.
 // Also set defaults for --s2-scale here.
-export function generateDefaultColorSchemeStyles(this: MacroContext | void) {
+export function generateDefaultColorSchemeStyles(this: MacroContext | void): void {
   if (this && typeof this.addAsset === 'function') {
     this.addAsset({
       type: 'css',

package/src/pressScale.ts

@@ -13,7 +13,7 @@
 import {composeRenderProps} from 'react-aria-components';
 import {CSSProperties, RefObject} from 'react';
 
-export function pressScale<R extends {isPressed: boolean}>(ref: RefObject<HTMLElement | null>, style?: CSSProperties | ((renderProps: R) => CSSProperties)) {
+export function pressScale<R extends {isPressed: boolean}>(ref: RefObject<HTMLElement | null>, style?: CSSProperties | ((renderProps: R) => CSSProperties)): (renderProps: R) => CSSProperties {
   return composeRenderProps(style, (style, renderProps: R) => {
     if (renderProps.isPressed && ref.current) {
       let {width = 0, height = 0} = ref.current.getBoundingClientRect() ?? {};

package/src/style-utils.ts

@@ -124,7 +124,7 @@ export const colorScheme = () => ({
   }
 } as const);
 
-export function staticColor() {
+export function staticColor(): Record<string, any> {
   return {
     '--s2-container-bg': {
       type: 'backgroundColor',
@@ -198,6 +198,6 @@ export interface StyleProps extends UnsafeStyles {
   styles?: StylesProp
 }
 
-export function getAllowedOverrides({width = true, height = false} = {}) {
+export function getAllowedOverrides({width = true, height = false} = {}): string[] {
   return (allowedOverrides as unknown as string[]).concat(width ? widthProperties : []).concat(height ? heightProperties : []);
 }

package/style/dist/main.cjs

@@ -1,20 +1,20 @@
-var $7dddb03c6ef7d79c$exports = require("./spectrum-theme.cjs");
+var $12a2a05e8e1964c5$exports = require("./spectrum-theme.cjs");
 
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-$parcel$export(module.exports, "size", () => $68f77cfae04dca88$export$346677f925de839c);
-$parcel$export(module.exports, "space", () => $68f77cfae04dca88$export$a941ed4b947d12f8);
-$parcel$export(module.exports, "fontRelative", () => $68f77cfae04dca88$export$ba024f4caf693d15);
-$parcel$export(module.exports, "focusRing", () => $68f77cfae04dca88$export$8e24544ddba725ee);
-$parcel$export(module.exports, "baseColor", () => $7dddb03c6ef7d79c$exports.baseColor);
-$parcel$export(module.exports, "edgeToText", () => $7dddb03c6ef7d79c$exports.edgeToText);
-$parcel$export(module.exports, "lightDark", () => $7dddb03c6ef7d79c$exports.lightDark);
-$parcel$export(module.exports, "linearGradient", () => $7dddb03c6ef7d79c$exports.linearGradient);
-$parcel$export(module.exports, "colorMix", () => $7dddb03c6ef7d79c$exports.colorMix);
-$parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$exports.style);
+$parcel$export(module.exports, "size", () => $fd9c922210a72e33$export$346677f925de839c);
+$parcel$export(module.exports, "space", () => $fd9c922210a72e33$export$a941ed4b947d12f8);
+$parcel$export(module.exports, "fontRelative", () => $fd9c922210a72e33$export$ba024f4caf693d15);
+$parcel$export(module.exports, "focusRing", () => $fd9c922210a72e33$export$8e24544ddba725ee);
+$parcel$export(module.exports, "baseColor", () => $12a2a05e8e1964c5$exports.baseColor);
+$parcel$export(module.exports, "edgeToText", () => $12a2a05e8e1964c5$exports.edgeToText);
+$parcel$export(module.exports, "lightDark", () => $12a2a05e8e1964c5$exports.lightDark);
+$parcel$export(module.exports, "linearGradient", () => $12a2a05e8e1964c5$exports.linearGradient);
+$parcel$export(module.exports, "colorMix", () => $12a2a05e8e1964c5$exports.colorMix);
+$parcel$export(module.exports, "style", () => $12a2a05e8e1964c5$exports.style);
 /*
  * Copyright 2024 Adobe. All rights reserved.
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -26,16 +26,16 @@ $parcel$export(module.exports, "style", () => $7dddb03c6ef7d79c$exports.style);
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $68f77cfae04dca88$export$346677f925de839c(px) {
-    return `[${(0, $7dddb03c6ef7d79c$exports.size)(px)}]`;
+function $fd9c922210a72e33$export$346677f925de839c(px) {
+    return `[${(0, $12a2a05e8e1964c5$exports.size)(px)}]`;
 }
-function $68f77cfae04dca88$export$a941ed4b947d12f8(px) {
-    return `[${(0, $7dddb03c6ef7d79c$exports.space)(px)}]`;
+function $fd9c922210a72e33$export$a941ed4b947d12f8(px) {
+    return `[${(0, $12a2a05e8e1964c5$exports.space)(px)}]`;
 }
-function $68f77cfae04dca88$export$ba024f4caf693d15(base, baseFontSize) {
-    return `[${(0, $7dddb03c6ef7d79c$exports.fontRelative)(base, baseFontSize)}]`;
+function $fd9c922210a72e33$export$ba024f4caf693d15(base, baseFontSize) {
+    return `[${(0, $12a2a05e8e1964c5$exports.fontRelative)(base, baseFontSize)}]`;
 }
-const $68f77cfae04dca88$export$8e24544ddba725ee = ()=>({
+const $fd9c922210a72e33$export$8e24544ddba725ee = ()=>({
         outlineStyle: {
             default: 'none',
             isFocusVisible: 'solid'

package/style/dist/module.mjs

@@ -1,4 +1,4 @@
-import {baseColor as $468034641bb536ce$export$49bbad2a916ab57c, colorMix as $468034641bb536ce$export$9b476054b78b89cd, edgeToText as $468034641bb536ce$export$17b63977b35bb6d2, fontRelative as $468034641bb536ce$export$ba024f4caf693d15, lightDark as $468034641bb536ce$export$d19e682d444755ed, linearGradient as $468034641bb536ce$export$46def8197cf4dd4c, size as $468034641bb536ce$export$346677f925de839c, space as $468034641bb536ce$export$a941ed4b947d12f8, style as $468034641bb536ce$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
+import {baseColor as $b3c80546ce4f10de$export$49bbad2a916ab57c, colorMix as $b3c80546ce4f10de$export$9b476054b78b89cd, edgeToText as $b3c80546ce4f10de$export$17b63977b35bb6d2, fontRelative as $b3c80546ce4f10de$export$ba024f4caf693d15, lightDark as $b3c80546ce4f10de$export$d19e682d444755ed, linearGradient as $b3c80546ce4f10de$export$46def8197cf4dd4c, size as $b3c80546ce4f10de$export$346677f925de839c, space as $b3c80546ce4f10de$export$a941ed4b947d12f8, style as $b3c80546ce4f10de$export$1d567c320f4763bc} from "./spectrum-theme.mjs";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -11,16 +11,16 @@ import {baseColor as $468034641bb536ce$export$49bbad2a916ab57c, colorMix as $468
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
-function $b308eef0abc42945$export$346677f925de839c(px) {
-    return `[${(0, $468034641bb536ce$export$346677f925de839c)(px)}]`;
+function $ca32e8edc7bd43fe$export$346677f925de839c(px) {
+    return `[${(0, $b3c80546ce4f10de$export$346677f925de839c)(px)}]`;
 }
-function $b308eef0abc42945$export$a941ed4b947d12f8(px) {
-    return `[${(0, $468034641bb536ce$export$a941ed4b947d12f8)(px)}]`;
+function $ca32e8edc7bd43fe$export$a941ed4b947d12f8(px) {
+    return `[${(0, $b3c80546ce4f10de$export$a941ed4b947d12f8)(px)}]`;
 }
-function $b308eef0abc42945$export$ba024f4caf693d15(base, baseFontSize) {
-    return `[${(0, $468034641bb536ce$export$ba024f4caf693d15)(base, baseFontSize)}]`;
+function $ca32e8edc7bd43fe$export$ba024f4caf693d15(base, baseFontSize) {
+    return `[${(0, $b3c80546ce4f10de$export$ba024f4caf693d15)(base, baseFontSize)}]`;
 }
-const $b308eef0abc42945$export$8e24544ddba725ee = ()=>({
+const $ca32e8edc7bd43fe$export$8e24544ddba725ee = ()=>({
         outlineStyle: {
             default: 'none',
             isFocusVisible: 'solid'
@@ -31,5 +31,5 @@ const $b308eef0abc42945$export$8e24544ddba725ee = ()=>({
     });
 
 
-export {$b308eef0abc42945$export$346677f925de839c as size, $b308eef0abc42945$export$a941ed4b947d12f8 as space, $b308eef0abc42945$export$ba024f4caf693d15 as fontRelative, $b308eef0abc42945$export$8e24544ddba725ee as focusRing, $468034641bb536ce$export$49bbad2a916ab57c as baseColor, $468034641bb536ce$export$17b63977b35bb6d2 as edgeToText, $468034641bb536ce$export$d19e682d444755ed as lightDark, $468034641bb536ce$export$46def8197cf4dd4c as linearGradient, $468034641bb536ce$export$9b476054b78b89cd as colorMix, $468034641bb536ce$export$1d567c320f4763bc as style};
+export {$ca32e8edc7bd43fe$export$346677f925de839c as size, $ca32e8edc7bd43fe$export$a941ed4b947d12f8 as space, $ca32e8edc7bd43fe$export$ba024f4caf693d15 as fontRelative, $ca32e8edc7bd43fe$export$8e24544ddba725ee as focusRing, $b3c80546ce4f10de$export$49bbad2a916ab57c as baseColor, $b3c80546ce4f10de$export$17b63977b35bb6d2 as edgeToText, $b3c80546ce4f10de$export$d19e682d444755ed as lightDark, $b3c80546ce4f10de$export$46def8197cf4dd4c as linearGradient, $b3c80546ce4f10de$export$9b476054b78b89cd as colorMix, $b3c80546ce4f10de$export$1d567c320f4763bc as style};
 //# sourceMappingURL=module.mjs.map