@uifabricshared/foundation-compose 1.13.7 → 1.13.8

package/CHANGELOG.json

@@ -2,7 +2,34 @@
   "name": "@uifabricshared/foundation-compose",
   "entries": [
     {
-      "date": "Sat, 18 Mar 2023 17:18:20 GMT",
+      "date": "Tue, 21 Mar 2023 21:51:13 GMT",
+      "tag": "@uifabricshared/foundation-compose_v1.13.8",
+      "version": "1.13.8",
+      "comments": {
+        "patch": [
+          {
+            "author": "krsiler@microsoft.com",
+            "package": "@uifabricshared/foundation-compose",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6",
+            "comment": "Trigger manual bump (no changes)"
+          },
+          {
+            "author": "beachball",
+            "package": "@uifabricshared/foundation-compose",
+            "comment": "Bump @fluentui-react-native/default-theme to v0.18.2",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          },
+          {
+            "author": "beachball",
+            "package": "@uifabricshared/foundation-compose",
+            "comment": "Bump @uifabricshared/foundation-tokens to v0.12.31",
+            "commit": "e706a7afbd63d528878eadd179d5a91210ed62f6"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sat, 18 Mar 2023 17:22:31 GMT",
       "tag": "@uifabricshared/foundation-compose_v1.13.7",
       "version": "1.13.7",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @uifabricshared/foundation-compose
 
-This log was last generated on Sat, 18 Mar 2023 17:18:20 GMT and should not be manually modified.
+This log was last generated on Tue, 21 Mar 2023 21:51:13 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 1.13.8
+
+Tue, 21 Mar 2023 21:51:13 GMT
+
+### Patches
+
+- Trigger manual bump (no changes) (krsiler@microsoft.com)
+- Bump @fluentui-react-native/default-theme to v0.18.2
+- Bump @uifabricshared/foundation-tokens to v0.12.31
+
 ## 1.13.7
 
-Sat, 18 Mar 2023 17:18:20 GMT
+Sat, 18 Mar 2023 17:22:31 GMT
 
 ### Patches
 

package/lib/compose.d.ts

@@ -0,0 +1,12 @@
+import { IComposeOptions, IComposeReturnType, IExtractStatics, IExtractTokens } from './compose.types';
+import { INativeSlotType, IExtractProps, IExtractSlotProps, IExtractState } from '@uifabricshared/foundation-composable';
+/**
+ * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
+ * allows a greater degree of customization than is available via props and allows for customization without adding
+ * additional layers to the react hierarchy.
+ *
+ * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
+ * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
+ */
+export declare function compose<TType>(inputComponent: Partial<IComposeOptions<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>>, base?: INativeSlotType): IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+//# sourceMappingURL=compose.d.ts.map

package/lib/compose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,cAAc,EAA0B,MAAM,iBAAiB,CAAC;AAC/H,OAAO,EAEL,eAAe,EAEf,aAAa,EACb,iBAAiB,EACjB,aAAa,EACd,MAAM,uCAAuC,CAAC;AA6B/C;;;;;;;GAOG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAC3B,cAAc,EAAE,OAAO,CACrB,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CACrI,EACD,IAAI,CAAC,EAAE,eAAe,GACrB,kBAAkB,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAkCzI"}

package/lib/compose.js

@@ -0,0 +1,52 @@
+/* eslint-disable */
+import { composable, } from '@uifabricshared/foundation-composable';
+import { initializeStyling, getOptionsFromObj } from './useStyling';
+import { immutableMerge } from '@fluentui-react-native/immutable-merge';
+/**
+ * Merge current and base options together to form the new object definition.  These objects will merge with the
+ * exception of settings which will be appended
+ *
+ * @param inputComponent - input component
+ * @param base - component to use as a baseline (if it exists)
+ */
+function _getComponentOptions(inputComponent, base) {
+    if (base) {
+        var mergedSettings = { settings: [].concat(base.settings || [], inputComponent.settings || []).filter(function (v) { return v; }) };
+        return immutableMerge(base, inputComponent, mergedSettings);
+    }
+    return inputComponent;
+}
+/**
+ * Assembles a higher order component, optionally composing a base HOC or base primitive control.  The compose pattern
+ * allows a greater degree of customization than is available via props and allows for customization without adding
+ * additional layers to the react hierarchy.
+ *
+ * @param inputComponent - component definition for the component to be created.  See IComposeOptions for more details.
+ * @param base - optional base component to compose, this can be an intrinsic, a stock element, or another composable
+ */
+export function compose(inputComponent, base) {
+    // get merged options for the component
+    var options = _getComponentOptions(inputComponent, base && getOptionsFromObj(base));
+    // set up the styling injection function
+    options.useStyling = initializeStyling(options);
+    // use composable to create the function implementation
+    var Component = composable(options);
+    // attach extra information to the returned function component
+    Component.displayName = options.displayName;
+    Object.assign(Component, options.statics);
+    // set up the customize handler
+    Component.customize = function () {
+        var settings = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            settings[_i] = arguments[_i];
+        }
+        return compose({ settings: settings }, Component);
+    };
+    // set up the compose handler
+    Component.compose = function (newOptions) {
+        return compose(newOptions, Component);
+    };
+    // now return the newly created component
+    return Component;
+}
+//# sourceMappingURL=compose.js.map

package/lib/compose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.js","sourceRoot":"","sources":["../src/compose.tsx"],"names":[],"mappings":"AAAA,oBAAoB;AAGpB,OAAO,EACL,UAAU,GAMX,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAGxE;;;;;;GAMG;AACH,SAAS,oBAAoB,CAO3B,cAAuF,EACvF,IAAqE;IAErE,IAAI,IAAI,EAAE;QACR,IAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,EAAE,cAAc,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,EAAD,CAAC,CAAC,EAAE,CAAC;QACpH,OAAO,cAAc,CAAC,IAAI,EAAE,cAAc,EAAE,cAAc,CAAmE,CAAC;KAC/H;IACD,OAAO,cAAgF,CAAC;AAC1F,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,OAAO,CACrB,cAEC,EACD,IAAsB;IAUtB,uCAAuC;IACvC,IAAM,OAAO,GAAG,oBAAoB,CAAqD,cAAc,EAAE,IAAI,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1I,wCAAwC;IACxC,OAAO,CAAC,UAAU,GAAG,iBAAiB,CAAqD,OAAO,CAAC,CAAC;IAEpG,uDAAuD;IACvD,IAAM,SAAS,GAAG,UAAU,CAAiD,OAAc,CAAgB,CAAC;IAE5G,8DAA8D;IAC9D,SAAS,CAAC,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;IAC5C,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAE1C,+BAA+B;IAC/B,SAAS,CAAC,SAAS,GAAG;QAAC,kBAA0D;aAA1D,UAA0D,EAA1D,qBAA0D,EAA1D,IAA0D;YAA1D,6BAA0D;;QAC/E,OAAO,OAAO,CAAC,EAAE,QAAQ,UAAA,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,6BAA6B;IAC7B,SAAS,CAAC,OAAO,GAAG,UAAC,UAAwF;QAC3G,OAAO,OAAO,CAAQ,UAAU,EAAE,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,yCAAyC;IACzC,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/compose.types.d.ts

@@ -0,0 +1,104 @@
+import { IRenderData, IComposableDefinition, IComposableType, IExtractSlotProps, IExtractProps, IExtractState } from '@uifabricshared/foundation-composable';
+import { ISlotProps, IComponentSettings, IWithTokens, IOverrideLookup } from '@uifabricshared/foundation-settings';
+import { ISettingsEntry } from '@uifabricshared/themed-settings';
+import { ITheme } from '@uifabricshared/theming-ramp';
+import { IStyleFactories, IComponentTokens } from '@uifabricshared/foundation-tokens';
+import * as React from 'react';
+export interface IComposeType<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TState extends object = object, TTokens extends object = object, TStatics extends object = object> extends IComposableType<TProps, TSlotProps, TState> {
+    /**
+     * Any statics to attach to the component
+     */
+    statics: TStatics;
+    /**
+     * Token props for this component
+     */
+    tokens: TTokens;
+}
+type IStaticsFragment<TStatics extends object> = {
+    statics: TStatics;
+};
+export type IExtractStatics<T> = T extends IStaticsFragment<infer U> ? U : object;
+type ITokensFragment<TTokens extends object> = {
+    tokens: TTokens;
+};
+export type IExtractTokens<T> = T extends ITokensFragment<infer U> ? U : object;
+/**
+ * Function signature for useStyling as implemented by compose.  This adds the lookup function to enable
+ * more control over how overrides are applied.
+ */
+export type IDefineUseComposeStyling<TProps, TSlotProps extends ISlotProps, TTokens extends object> = (props: TProps, lookup?: IOverrideLookup) => IWithTokens<TSlotProps, TTokens>;
+export type IUseComposeStyling<T> = IDefineUseComposeStyling<IExtractProps<T>, IExtractSlotProps<T>, IExtractTokens<T>>;
+/**
+ * Array of:
+ *  IComponentSettings for the component
+ *  string - name of the entry to query in the theme
+ *  `theme => IComponentSettings` function
+ *
+ * These settings are layered together in order to produce the merged settings for a component
+ */
+export type IDefineComposeSettings<TSlotProps extends ISlotProps, TTokens extends object> = ISettingsEntry<IComponentSettings<IWithTokens<TSlotProps, TTokens>>, ITheme>[];
+export type IComposeSettings<T> = IDefineComposeSettings<IExtractSlotProps<T>, IExtractTokens<T>>;
+/**
+ * Settings which dictate the behavior of useStyling, as implemented by the compose package.  These are
+ * separated from IComponentOptions to allow the styling portion to be used independently if so desired.
+ */
+export interface IStylingSettings<TSlotProps extends ISlotProps, TTokens extends object> {
+    /**
+     * settings used to build up the style definitions
+     */
+    settings?: IDefineComposeSettings<TSlotProps, TTokens>;
+    /**
+     * factories for producing styles from tokens
+     */
+    styles?: IStyleFactories<TSlotProps, TTokens, ITheme>;
+    /**
+     * The input tokens processed, built into functions, with the keys built into a map.
+     *
+     * This gets set automatically when the component is set up for the first time and should not be set by hand.
+     */
+    resolvedTokens?: IComponentTokens<TSlotProps, TTokens, ITheme>;
+}
+/**
+ * Options to be used with compose.  These drive the actual behavior of the component and are comprised of styling
+ * options as well as options which configure composable.
+ */
+export interface IComposeOptions<TProps extends object = object, TSlotProps extends ISlotProps = ISlotProps<TProps>, TTokens extends object = object, TState extends object = object, TStatics extends object = object> extends IComposableDefinition<TProps, TSlotProps, TState>, IStylingSettings<TSlotProps, TTokens> {
+    /**
+     * Add an additional option to use styling to allow for injecting override lookup functions
+     */
+    useStyling?: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+    /**
+     * Use prepare props will take the more opinionated version of useStyling
+     */
+    usePrepareProps?: (props: TProps, useStyling: IDefineUseComposeStyling<TProps, TSlotProps, TTokens>) => IRenderData<TSlotProps, TState>;
+    /**
+     * Optional statics to attach to the component.  This is primary used to attach a sub-component to a parent component
+     */
+    statics?: TStatics;
+}
+/**
+ * The signature of the component returned from compose.
+ */
+export type IComposeReturnType<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object = object, TStatics extends object = object> = React.FunctionComponent<TProps> & TStatics & {
+    /**
+     * composable options, used by composable for chaining objects.  For compose this also includes the extensions
+     * such as settings or token information.
+     */
+    __composable: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>;
+    /**
+     * shorthand function for doing quick customizations of a component by appending to settings
+     */
+    customize: (...settings: IDefineComposeSettings<TSlotProps, TTokens>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+    /**
+     * helper function to quickly add new partial options to the base component.  The primary advantage is that
+     * this is strongly typed for the component type which avoids needing to pass all the type parameters correctly.
+     */
+    compose: (newOptions: Partial<IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>>) => IComposeReturnType<TProps, TSlotProps, TTokens, TState, TStatics>;
+};
+/**
+ * A shorthand for typecasting a component into a more specific type, used for dealing with multiple platforms in
+ * react-native
+ */
+export type IComposeTypecast<TType> = IComposeReturnType<IExtractProps<TType>, IExtractSlotProps<TType>, IExtractTokens<TType>, IExtractState<TType>, IExtractStatics<TType>>;
+export {};
+//# sourceMappingURL=compose.types.d.ts.map

package/lib/compose.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.types.d.ts","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"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"}

package/lib/compose.types.js

@@ -0,0 +1,3 @@
+/* eslint-disable */
+export {};
+//# sourceMappingURL=compose.types.js.map

package/lib/compose.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.types.js","sourceRoot":"","sources":["../src/compose.types.ts"],"names":[],"mappings":"AAAA,oBAAoB"}

package/lib/index.d.ts

@@ -0,0 +1,4 @@
+export type { IComposeOptions, IComposeReturnType, IComposeSettings, IComposeType, IComposeTypecast, IDefineComposeSettings, IDefineUseComposeStyling, IExtractStatics, IExtractTokens, IStylingSettings, IUseComposeStyling, } from './compose.types';
+export { compose } from './compose';
+export { initializeStyling } from './useStyling';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,EACxB,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/lib/index.js

@@ -0,0 +1,3 @@
+export { compose } from './compose';
+export { initializeStyling } from './useStyling';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/lib/useStyling.d.ts

@@ -0,0 +1,12 @@
+import { ISlotProps } from '@uifabricshared/foundation-settings';
+import { IComposeOptions, IDefineUseComposeStyling } from './compose.types';
+export declare function getOptionsFromObj<TComponent>(obj: any): TComponent | undefined;
+/**
+ * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
+ * styleSettings will be captured in the created closure and will be set up to enable the appropriate levels of caching.
+ *
+ * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
+ * @param name - optional base name to use as a cache key
+ */
+export declare function initializeStyling<TProps extends object, TSlotProps extends ISlotProps, TTokens extends object, TState extends object, TStatics extends object>(options: IComposeOptions<TProps, TSlotProps, TTokens, TState, TStatics>): IDefineUseComposeStyling<TProps, TSlotProps, TTokens>;
+//# sourceMappingURL=useStyling.d.ts.map

package/lib/useStyling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyling.d.ts","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAoD,MAAM,qCAAqC,CAAC;AAOnH,OAAO,EAAE,eAAe,EAAoB,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAI9F,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,GAAG,EAAE,GAAG,GAAG,UAAU,GAAG,SAAS,CAG9E;AAqDD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAC/B,MAAM,SAAS,MAAM,EACrB,UAAU,SAAS,UAAU,EAC7B,OAAO,SAAS,MAAM,EACtB,MAAM,SAAS,MAAM,EACrB,QAAQ,SAAS,MAAM,EACvB,OAAO,EAAE,eAAe,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,wBAAwB,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,CAAC,CAYhI"}

package/lib/useStyling.js

@@ -0,0 +1,55 @@
+/* eslint-disable */
+import { getThemedSettings } from '@uifabricshared/themed-settings';
+import { getSettings, returnAsSlotProps } from '@uifabricshared/theming-ramp';
+import { processTokens, buildComponentTokens } from '@uifabricshared/foundation-tokens';
+import { useTheme } from '@fluentui-react-native/theme-types';
+import { defaultFluentTheme } from '@fluentui-react-native/default-theme';
+import { getMemoCache } from '@fluentui-react-native/memo-cache';
+/* tslint:disable-next-line no-any */
+export function getOptionsFromObj(obj) {
+    var objType = obj && typeof obj;
+    return ((objType === 'object' || objType === 'function') && obj.__composable) || undefined;
+}
+function _getSettingsFromTheme(theme, name) {
+    return getSettings(theme, name);
+}
+function _getHasToken(slots) {
+    var slotTokens = {};
+    Object.keys(slots).forEach(function (slotName) {
+        var slot = slots[slotName];
+        var slotType = (typeof slot !== 'object' ? slot : slot.slotType);
+        var options = getOptionsFromObj(slotType);
+        slotTokens[slotName] = (options && options.resolvedTokens && options.resolvedTokens.tokenKeys) || undefined;
+    });
+    return function (target, key) {
+        return slotTokens[target] && slotTokens[target].hasOwnProperty(key);
+    };
+}
+function useStylingCore(props, options, instanceMemoCache, lookupOverride) {
+    // get the theme value from the context (or the default theme if it is not set)
+    var theme = useTheme() || defaultFluentTheme;
+    // resolve the array of settings for these options
+    lookupOverride = lookupOverride || props;
+    var _a = getThemedSettings(options.settings, theme, instanceMemoCache, lookupOverride, _getSettingsFromTheme), settings = _a.settings, getMemoValue = _a.getMemoValue;
+    // finish by processing the tokens and turning IComponentSettings into ISlotProps (this removes things like _overrides)
+    return returnAsSlotProps(processTokens(props, theme, settings, options.resolvedTokens, getMemoValue));
+}
+/**
+ * return a useStyling implementation, in the form of IUseComposeStyling, based on the passed in styleSettings.  The
+ * styleSettings will be captured in the created closure and will be set up to enable the appropriate levels of caching.
+ *
+ * @param options - style settings to configure this function.  Note that this should be scoped to a single component.
+ * @param name - optional base name to use as a cache key
+ */
+export function initializeStyling(options) {
+    // process the tokens and get them ready to render
+    var styles = options.styles, slots = options.slots;
+    options.resolvedTokens = buildComponentTokens(styles, _getHasToken(slots));
+    // memo cache root for this component, keyed on options
+    var getMemoValue = getMemoCache(options);
+    // create a useStyling implementation for this component type (per type, not per instance)
+    return function (props, lookupOverride) {
+        return useStylingCore(props, options, getMemoValue, lookupOverride);
+    };
+}
+//# sourceMappingURL=useStyling.js.map

package/lib/useStyling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyling.js","sourceRoot":"","sources":["../src/useStyling.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uifabricshared/foundation-compose",
-  "version": "1.13.7",
+  "version": "1.13.8",
   "description": "Compose infrastructure",
   "repository": {
     "type": "git",
@@ -27,14 +27,14 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@fluentui-react-native/default-theme": ">=0.18.1 <1.0.0",
+    "@fluentui-react-native/default-theme": ">=0.18.2 <1.0.0",
     "@fluentui-react-native/immutable-merge": "^1.1.8",
     "@fluentui-react-native/memo-cache": "^1.1.8",
     "@fluentui-react-native/theme-types": ">=0.31.0 <1.0.0",
     "@uifabricshared/themed-settings": ">=0.9.3 <1.0.0",
     "@uifabricshared/foundation-composable": ">=0.11.3 <1.0.0",
     "@uifabricshared/foundation-settings": ">=0.12.3 <1.0.0",
-    "@uifabricshared/foundation-tokens": ">=0.12.30 <1.0.0",
+    "@uifabricshared/foundation-tokens": ">=0.12.31 <1.0.0",
     "@uifabricshared/theming-ramp": ">=0.17.22 <1.0.0"
   },
   "devDependencies": {