@instructure/emotion 11.6.0 → 11.6.1-snapshot-129

package/types/EmotionTypes.d.ts

@@ -1,4 +1,5 @@
 import type { BaseTheme, ComponentTheme, ComponentThemeMap, DeepPartial } from '@instructure/shared-types';
+import type { Theme, SharedTokens } from '@instructure/ui-themes';
 /**
  * A theme object where every prop is optional
  */
@@ -65,12 +66,13 @@ type Overrides = {
      */
     componentOverrides?: ComponentOverride;
 };
-type BaseThemeOrOverride = BaseTheme | PartialTheme | Overrides;
+type BaseThemeOrOverride = Theme | PartialTheme | Overrides;
 type ThemeOrOverride = BaseThemeOrOverride | ((theme: BaseTheme) => BaseThemeOrOverride);
 type Props = Record<string, unknown>;
 type State = Record<string, unknown>;
 type GenerateComponentTheme = (theme: BaseTheme | PartialTheme) => ComponentTheme;
 type GenerateStyle = (componentTheme: ComponentTheme, props: Props, state?: State) => StyleObject;
+type GenerateStyleRework = (componentTheme: ComponentTheme, props: Props, sharedTokens: SharedTokens, state?: State) => StyleObject;
 type GenerateStyleFunctional = (componentTheme: ComponentTheme, params: Record<string, unknown>) => StyleObject;
 type ComponentStyle<Keys extends string = string> = Record<Keys, StyleObject | string | number | undefined>;
 /**
@@ -79,5 +81,5 @@ type ComponentStyle<Keys extends string = string> = Record<Keys, StyleObject | s
 export interface StyleObject {
     [key: string]: StyleObject | string | number | undefined;
 }
-export type { BaseThemeOrOverride, ThemeOrOverride, Overrides, ComponentOverride, SpecificThemeOverride, ThemeOverride, PartialTheme, Props, State, GenerateComponentTheme, GenerateStyle, GenerateStyleFunctional, ComponentStyle };
+export type { BaseThemeOrOverride, ThemeOrOverride, Overrides, ComponentOverride, SpecificThemeOverride, ThemeOverride, PartialTheme, Props, State, GenerateComponentTheme, GenerateStyle, GenerateStyleRework, GenerateStyleFunctional, ComponentStyle };
 //# sourceMappingURL=EmotionTypes.d.ts.map

package/types/EmotionTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmotionTypes.d.ts","sourceRoot":"","sources":["../src/EmotionTypes.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACZ,MAAM,2BAA2B,CAAA;AAElC;;GAEG;AACH,KAAK,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;AAEvD;;;GAGG;AACH,KAAK,iBAAiB,GAAG;IACvB,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAA;CACzC,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAA;AAElC;;;;;GAKG;AACH,KAAK,qBAAqB,GAAG;IAC3B,CAAC,GAAG,EAAE,MAAM,GACR,SAAS,GACT,iBAAiB,GACjB,CAAC,YAAY,GAAG;QAAE,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAA;IAC/D,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC,CAAA;AAED;;;;;GAKG;AACH,KAAK,aAAa,GAAG,YAAY,GAAG,qBAAqB,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC,CAAA;AAED,KAAK,mBAAmB,GAAG,SAAS,GAAG,YAAY,GAAG,SAAS,CAAA;AAE/D,KAAK,eAAe,GAChB,mBAAmB,GACnB,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,mBAAmB,CAAC,CAAA;AAE/C,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEpC,KAAK,sBAAsB,GAAG,CAC5B,KAAK,EAAE,SAAS,GAAG,YAAY,KAC5B,cAAc,CAAA;AAEnB,KAAK,aAAa,GAAG,CACnB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,CAAC,EAAE,KAAK,KACV,WAAW,CAAA;AAEhB,KAAK,uBAAuB,GAAG,CAC7B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,WAAW,CAAA;AAEhB,KAAK,cAAc,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CACxD,IAAI,EACJ,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAC1C,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACzD;AAED,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,KAAK,EACL,KAAK,EACL,sBAAsB,EACtB,aAAa,EACb,uBAAuB,EACvB,cAAc,EACf,CAAA"}
+{"version":3,"file":"EmotionTypes.d.ts","sourceRoot":"","sources":["../src/EmotionTypes.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,WAAW,EACZ,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAEjE;;GAEG;AACH,KAAK,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAA;AAEvD;;;GAGG;AACH,KAAK,iBAAiB,GAAG;IACvB,CAAC,cAAc,EAAE,MAAM,GAAG,cAAc,CAAA;CACzC,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAAA;AAElC;;;;;GAKG;AACH,KAAK,qBAAqB,GAAG;IAC3B,CAAC,GAAG,EAAE,MAAM,GACR,SAAS,GACT,iBAAiB,GACjB,CAAC,YAAY,GAAG;QAAE,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAA;IAC/D,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC,CAAA;AAED;;;;;GAKG;AACH,KAAK,aAAa,GAAG,YAAY,GAAG,qBAAqB,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,cAAc,CAAC,EAAE,aAAa,CAAA;IAC9B;;;;;;;;;;OAUG;IACH,kBAAkB,CAAC,EAAE,iBAAiB,CAAA;CACvC,CAAA;AAED,KAAK,mBAAmB,GAAG,KAAK,GAAG,YAAY,GAAG,SAAS,CAAA;AAE3D,KAAK,eAAe,GAChB,mBAAmB,GACnB,CAAC,CAAC,KAAK,EAAE,SAAS,KAAK,mBAAmB,CAAC,CAAA;AAE/C,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AACpC,KAAK,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEpC,KAAK,sBAAsB,GAAG,CAC5B,KAAK,EAAE,SAAS,GAAG,YAAY,KAC5B,cAAc,CAAA;AAEnB,KAAK,aAAa,GAAG,CACnB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,KAAK,CAAC,EAAE,KAAK,KACV,WAAW,CAAA;AAEhB,KAAK,mBAAmB,GAAG,CACzB,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,KAAK,KACV,WAAW,CAAA;AAEhB,KAAK,uBAAuB,GAAG,CAC7B,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC5B,WAAW,CAAA;AAEhB,KAAK,cAAc,CAAC,IAAI,SAAS,MAAM,GAAG,MAAM,IAAI,MAAM,CACxD,IAAI,EACJ,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAC1C,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CACzD;AAED,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,KAAK,EACL,KAAK,EACL,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACf,CAAA"}

package/types/InstUISettingsProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InstUISettingsProvider/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IAEvB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAA;IAEjD;;;;;OAKG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,KAAU,EACV,GAAG,EACH,kBAAkB,EACnB,EAAE,mBAAmB,oDAwBrB;AAED,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InstUISettingsProvider/index.tsx"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAE/E,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,eAAe,CAAA;IAEvB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,4BAA4B,CAAA;IAEjD;;;;;OAKG;IACH,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;CACpB,CAAA;AAED;;;;;GAKG;AACH,iBAAS,sBAAsB,CAAC,EAC9B,QAAQ,EACR,KAAU,EACV,GAAG,EACH,kBAAkB,EACnB,EAAE,mBAAmB,oDA4BrB;AAED,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/types/getComponentThemeOverride.d.ts

@@ -1,6 +1,7 @@
 import type { ThemeOrOverride } from './EmotionTypes';
 import type { ComponentTheme } from '@instructure/shared-types';
-import type { WithStyleProps } from './withStyle';
+import { ThemeOverrideProp } from './withStyle';
+import { ThemeOverrideValue } from './useStyle';
 /**
  * ---
  * private: true
@@ -11,13 +12,11 @@ import type { WithStyleProps } from './withStyle';
  * @param theme - Theme object
  * @param displayName - Name of the component
  * @param componentId - componentId of the component
- * @param props - The component's props object
+ * @param themeOverride - The theme override object
  * @param componentTheme - The component's default theme
  * @returns The calculated theme override object
  */
-declare const getComponentThemeOverride: (theme: ThemeOrOverride, displayName: string, componentId?: string, props?: {
-    [k: string]: unknown;
-} & WithStyleProps, componentTheme?: ComponentTheme) => Partial<ComponentTheme>;
+declare const getComponentThemeOverride: (theme: ThemeOrOverride, displayName: string, componentId?: string, themeOverride?: ThemeOverrideProp["themeOverride"] | ThemeOverrideValue, componentTheme?: ComponentTheme) => Partial<ComponentTheme>;
 export default getComponentThemeOverride;
 export { getComponentThemeOverride };
 //# sourceMappingURL=getComponentThemeOverride.d.ts.map

package/types/getComponentThemeOverride.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getComponentThemeOverride.d.ts","sourceRoot":"","sources":["../src/getComponentThemeOverride.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAa,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAIjD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,yBAAyB,GAC7B,OAAO,eAAe,EACtB,aAAa,MAAM,EACnB,cAAc,MAAM,EACpB,QAAQ;IAAE,CAAC,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAAE,GAAG,cAAc,EACjD,iBAAiB,cAAc,KAC9B,OAAO,CAAC,cAAc,CAiCxB,CAAA;AAED,eAAe,yBAAyB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,CAAA"}
+{"version":3,"file":"getComponentThemeOverride.d.ts","sourceRoot":"","sources":["../src/getComponentThemeOverride.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAI/C;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,yBAAyB,GAC7B,OAAO,eAAe,EACtB,aAAa,MAAM,EACnB,cAAc,MAAM,EAEpB,gBAAgB,iBAAiB,CAAC,eAAe,CAAC,GAAG,kBAAkB,EACvE,iBAAiB,cAAc,KAC9B,OAAO,CAAC,cAAc,CAgCxB,CAAA;AAED,eAAe,yBAAyB,CAAA;AACxC,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

package/types/getTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getTheme.d.ts","sourceRoot":"","sources":["../src/getTheme.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,gBAAgB,CAAA;AAEvB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,GACX,iBAAiB,eAAe,MAChC,gBAAsB,SAAS,oCAoD/B,CAAA;AAEH,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"getTheme.d.ts","sourceRoot":"","sources":["../src/getTheme.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAEV,eAAe,EAEhB,MAAM,gBAAgB,CAAA;AAEvB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,GACX,iBAAiB,eAAe,MAChC,gBAAsB,SAAS,oCA0D/B,CAAA;AAEH,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/index.d.ts

@@ -1,10 +1,14 @@
 export * from '@emotion/react';
 export { InstUISettingsProvider } from './InstUISettingsProvider';
+export { withStyleLegacy } from './withStyleLegacy';
+export { getComponentThemeOverride } from './getComponentThemeOverride';
 export { withStyle } from './withStyle';
-export { ThemeablePropValues, makeThemeVars, getShorthandPropValue, mirrorShorthandCorners, mirrorShorthandEdges, mapSpacingToShorthand } from './styleUtils';
+export { ThemeablePropValues, makeThemeVars, getShorthandPropValue, mirrorShorthandCorners, mirrorShorthandEdges, calcSpacingFromShorthand, calcFocusOutlineStyles } from './styleUtils';
+export { useStyleLegacy } from './useStyleLegacy';
 export { useStyle } from './useStyle';
 export { useTheme } from './useTheme';
 export type { ComponentStyle, StyleObject, Overrides } from './EmotionTypes';
-export type { WithStyleProps } from './withStyle';
+export type { WithStyleProps } from './withStyleLegacy';
+export type { ThemeOverrideValue } from './useStyle';
 export type { SpacingValues, Spacing, Shadow, Stacking, Background, BorderRadiiValues, BorderRadii, BorderWidthValues, BorderWidth } from './styleUtils';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAyBA,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,qBAAqB,EACtB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,YAAY,EACV,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACZ,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAyBA,cAAc,gBAAgB,CAAA;AAE9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,EACpB,wBAAwB,EACxB,sBAAsB,EACvB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpD,YAAY,EACV,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACZ,MAAM,cAAc,CAAA"}

package/types/styleUtils/calcFocusOutlineStyles.d.ts

@@ -0,0 +1,51 @@
+import type { SharedTokens } from '@instructure/ui-themes';
+/**
+ * This function creates CSS-in-JS styles for focus indicators.
+ *
+ * @returns CSS-in-JS style object containing focus outline styles ready for use with emotion or similar libraries.
+ */
+declare const calcFocusOutlineStyles: (
+/**
+ * The focus outline theme configuration object containing color and sizing tokens.
+ */
+theme: SharedTokens["focusOutline"], params?: {
+    /**
+     * The color variant to use for the focus outline
+     */
+    focusColor?: "info" | "inverse" | "success" | "danger";
+    /**
+     * Whether to position the outline outside ('offset') or inside ('inset') the element.
+     */
+    focusPosition?: "offset" | "inset";
+    /**
+     * Whether to include smooth transition animations for focus changes.
+     */
+    shouldAnimateFocus?: boolean;
+    /**
+     * Whether to apply focus styles to :focus-within pseudo-class for container elements.
+     */
+    focusWithin?: boolean;
+    /**
+     * Whether to force showing the focus outline.
+     */
+    withFocusOutline?: boolean;
+    /**
+     * What CSS selector to use to display the focus ring, `:focus` by default.
+     */
+    customCSSSelector?: string;
+}) => {
+    '&:focus-within'?: {
+        outlineColor: string;
+        outlineStyle: string;
+        outlineWidth: string;
+        outlineOffset: string;
+    } | undefined;
+    outlineColor: string;
+    outlineStyle: string;
+    outlineWidth?: string | undefined;
+    outlineOffset: string;
+    transition?: string | undefined;
+};
+export default calcFocusOutlineStyles;
+export { calcFocusOutlineStyles };
+//# sourceMappingURL=calcFocusOutlineStyles.d.ts.map

package/types/styleUtils/calcFocusOutlineStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcFocusOutlineStyles.d.ts","sourceRoot":"","sources":["../../src/styleUtils/calcFocusOutlineStyles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE1D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB;AAC1B;;GAEG;AACH,OAAO,YAAY,CAAC,cAAc,CAAC,EACnC,SAAS;IACP;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACtD;;OAEG;IACH,aAAa,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAClC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;;;;;;;;;;;;CAyCF,CAAA;AAED,eAAe,sBAAsB,CAAA;AACrC,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/types/styleUtils/calcSpacingFromShorthand.d.ts

@@ -0,0 +1,33 @@
+import type { Spacing } from './ThemeablePropValues';
+type DeepStringRecord = {
+    [key: string]: string | DeepStringRecord;
+};
+/**
+ * Converts shorthand spacing values into CSS strings using theme spacing tokens.
+ *
+ * This function parses space-separated spacing values (margin, padding) and resolves theme
+ * tokens to their actual CSS values. It supports CSS shorthand syntax (1-4 values), nested
+ * theme token paths using dot notation, and automatically converts hyphen-case tokens to camelCase.
+ *
+ * @param {Spacing | undefined} value - The shorthand spacing value string containing space-separated tokens or CSS values.
+ *   Tokens can be in camelCase (mediumSmall) or hyphen-case (medium-small).
+ *   Can be undefined, in which case '0' is returned.
+ * @param {Record<string, string>} spacingMap - The spacing theme object containing spacing tokens and nested values.
+ *   Typically comes from `sharedTokens.margin.spacing` or `sharedTokens.padding.spacing` in the component theme.
+ *
+ * @returns {string} The resolved CSS spacing string ready to be used in styles.
+ *
+ * @example
+ * // Hyphen-case tokens are converted to camelCase
+ * calcSpacingFromShorthand('medium-small', spacingMap) // resolves to spacingMap.mediumSmall
+ * calcSpacingFromShorthand('x-large small', spacingMap) // resolves to spacingMap.xLarge + spacingMap.small
+ *
+ * // Dot notation paths are NOT converted
+ * calcSpacingFromShorthand('gap.nested-value', spacingMap) // resolves to spacingMap.gap['nested-value']
+ *
+ * // CSS values like 'none', 'auto', '10px' are returned as-is
+ * calcSpacingFromShorthand('none', spacingMap) // returns 'none'
+ */
+export declare function calcSpacingFromShorthand(value: Spacing | undefined, spacingMap: DeepStringRecord): string | undefined;
+export {};
+//# sourceMappingURL=calcSpacingFromShorthand.d.ts.map

package/types/styleUtils/calcSpacingFromShorthand.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calcSpacingFromShorthand.d.ts","sourceRoot":"","sources":["../../src/styleUtils/calcSpacingFromShorthand.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAEpD,KAAK,gBAAgB,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,gBAAgB,CAAA;CACzC,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,OAAO,GAAG,SAAS,EAC1B,UAAU,EAAE,gBAAgB,sBA6D7B"}

package/types/styleUtils/index.d.ts

@@ -3,6 +3,7 @@ export { makeThemeVars } from './makeThemeVars';
 export { getShorthandPropValue } from './getShorthandPropValue';
 export { mirrorShorthandCorners } from './mirrorShorthandCorners';
 export { mirrorShorthandEdges } from './mirrorShorthandEdges';
-export { mapSpacingToShorthand } from './mapSpacingToShorthand';
+export { calcSpacingFromShorthand } from './calcSpacingFromShorthand';
+export { calcFocusOutlineStyles } from './calcFocusOutlineStyles';
 export type { SpacingValues, Spacing, Shadow, Stacking, Background, BorderRadiiValues, BorderRadii, BorderWidthValues, BorderWidth } from './ThemeablePropValues';
 //# sourceMappingURL=index.d.ts.map

package/types/styleUtils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styleUtils/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAE/D,YAAY,EACV,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACZ,MAAM,uBAAuB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styleUtils/index.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,YAAY,EACV,aAAa,EACb,OAAO,EACP,MAAM,EACN,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,WAAW,EACZ,MAAM,uBAAuB,CAAA"}

package/types/useStyle.d.ts

@@ -1,20 +1,22 @@
-import type { BaseTheme, ComponentTheme } from '@instructure/shared-types';
+import type { SharedTokens, NewComponentTypes, Theme } from '@instructure/ui-themes';
 type SecondParameter<T extends (...args: any) => any> = Parameters<T>[1] extends undefined ? never : Parameters<T>[1];
-type UseStyleParamsWithTheme<P extends (theme: any, params: any) => any> = {
+type GenerateStyleParams = ((componentTheme: any, params: any, sharedTokens: SharedTokens) => any) | ((componentTheme: any, params: any) => any) | ((componentTheme: any) => any);
+/**
+ * Type for a theme override
+ */
+type ThemeOverrideValue = Partial<Theme> | ((componentTheme: Theme, currentTheme: NewComponentTypes[keyof NewComponentTypes]) => Partial<Theme>);
+/**
+ * new useStyle syntax, use this with v12 themes
+ */
+declare const useStyle: <P extends GenerateStyleParams>(useStyleParams: {
     generateStyle: P;
     params?: SecondParameter<P>;
-    generateComponentTheme: (theme: BaseTheme) => ComponentTheme;
-    componentId: string;
+    componentId: keyof NewComponentTypes | string;
+    themeOverride: ThemeOverrideValue | undefined;
     displayName?: string;
-};
-type UseStyleParamsWithoutTheme<P extends (theme: any, params: any) => any> = {
-    generateStyle: P;
-    params?: SecondParameter<P>;
-    generateComponentTheme?: undefined;
-    componentId?: undefined;
-    displayName?: undefined;
-};
-declare const useStyle: <P extends (theme: any, params: any) => any>(useStyleParams: UseStyleParamsWithTheme<P> | UseStyleParamsWithoutTheme<P>) => ReturnType<P>;
+    useTokensFrom?: keyof NewComponentTypes;
+}) => ReturnType<P>;
 export default useStyle;
 export { useStyle };
+export type { ThemeOverrideValue };
 //# sourceMappingURL=useStyle.d.ts.map

package/types/useStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../src/useStyle.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAG1E,KAAK,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,IAClD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/D,KAAK,uBAAuB,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,IAAI;IACzE,aAAa,EAAE,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,sBAAsB,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,cAAc,CAAA;IAC5D,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,KAAK,0BAA0B,CAAC,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,IAAI;IAC5E,aAAa,EAAE,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,sBAAsB,CAAC,EAAE,SAAS,CAAA;IAClC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,EAC1D,gBAAgB,uBAAuB,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,KACzE,UAAU,CAAC,CAAC,CAwBd,CAAA;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"useStyle.d.ts","sourceRoot":"","sources":["../src/useStyle.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,KAAK,EACN,MAAM,wBAAwB,CAAA;AAI/B,KAAK,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,IAClD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/D,KAAK,mBAAmB,GACpB,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,YAAY,EAAE,YAAY,KAAK,GAAG,CAAC,GACvE,CAAC,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,GAC3C,CAAC,CAAC,cAAc,EAAE,GAAG,KAAK,GAAG,CAAC,CAAA;AAElC;;GAEG;AACH,KAAK,kBAAkB,GACnB,OAAO,CAAC,KAAK,CAAC,GACd,CAAC,CACC,cAAc,EAAE,KAAK,EACrB,YAAY,EAAE,iBAAiB,CAAC,MAAM,iBAAiB,CAAC,KACrD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;AAMxB;;GAEG;AAIH,QAAA,MAAM,QAAQ,GAAI,CAAC,SAAS,mBAAmB,EAAE,gBAAgB;IAC/D,aAAa,EAAE,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAE3B,WAAW,EAAE,MAAM,iBAAiB,GAAG,MAAM,CAAA;IAC7C,aAAa,EAAE,kBAAkB,GAAG,SAAS,CAAA;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,aAAa,CAAC,EAAE,MAAM,iBAAiB,CAAA;CACxC,KAAG,UAAU,CAAC,CAAC,CAiCf,CAAA;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA;AACnB,YAAY,EAAE,kBAAkB,EAAE,CAAA"}

package/types/useStyleLegacy.d.ts

@@ -0,0 +1,22 @@
+import type { ComponentTheme } from '@instructure/shared-types';
+import type { Theme } from '@instructure/ui-themes';
+type SecondParameter<T extends (...args: any) => any> = Parameters<T>[1] extends undefined ? never : Parameters<T>[1];
+type GenerateComponentTheme = (theme: Theme) => ComponentTheme;
+type UseStyleParamsWithTheme<P extends (componentTheme: any, params: any, theme: any) => any> = {
+    generateStyle: P;
+    params?: SecondParameter<P>;
+    generateComponentTheme: GenerateComponentTheme;
+    componentId: string;
+    displayName?: string;
+};
+type UseStyleParamsWithoutTheme<P extends (componentTheme: any, params: any, theme: any) => any> = {
+    generateStyle: P;
+    params?: SecondParameter<P>;
+    generateComponentTheme?: undefined;
+    componentId?: undefined;
+    displayName?: undefined;
+};
+declare const useStyleLegacy: <P extends (componentTheme: any, params: any, theme: any) => any>(useStyleParams: UseStyleParamsWithTheme<P> | UseStyleParamsWithoutTheme<P>) => ReturnType<P>;
+export default useStyleLegacy;
+export { useStyleLegacy };
+//# sourceMappingURL=useStyleLegacy.d.ts.map

package/types/useStyleLegacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleLegacy.d.ts","sourceRoot":"","sources":["../src/useStyleLegacy.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAGnD,KAAK,eAAe,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,IAClD,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;AAE/D,KAAK,sBAAsB,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,cAAc,CAAA;AAE9D,KAAK,uBAAuB,CAC1B,CAAC,SAAS,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,IAC7D;IACF,aAAa,EAAE,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,sBAAsB,EAAE,sBAAsB,CAAA;IAC9C,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAID,KAAK,0BAA0B,CAC7B,CAAC,SAAS,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,IAC7D;IACF,aAAa,EAAE,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,sBAAsB,CAAC,EAAE,SAAS,CAAA;IAClC,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;CACxB,CAAA;AAMD,QAAA,MAAM,cAAc,GAClB,CAAC,SAAS,CAAC,cAAc,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAE/D,gBAAgB,uBAAuB,CAAC,CAAC,CAAC,GAAG,0BAA0B,CAAC,CAAC,CAAC,KACzE,UAAU,CAAC,CAAC,CAuBd,CAAA;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../src/useTheme.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,2BAYb,CAAA;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../src/useTheme.ts"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEzD;;;;;;;GAOG;AACH,QAAA,MAAM,QAAQ,2BAeb,CAAA;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/types/withStyle.d.ts

@@ -22,9 +22,8 @@ type WithStyleProps<Theme extends ComponentTheme | null = ComponentTheme, Style
  * ```js-code
  * import { withStyle } from '@instructure/emotion'
  * import generateStyle from './styles'
- * import generateComponentTheme from './theme'
  *
- * export default withStyle(generateStyle, generateComponentTheme)(ExampleComponent)
+ * export default withStyle(generateStyle)(ExampleComponent)
  * ```
  *
  * Themeable components inject their themed styles into the document
@@ -43,24 +42,6 @@ type WithStyleProps<Theme extends ComponentTheme | null = ComponentTheme, Style
  *
  * See more about the overrides on the [Using theme overrides](/#using-theme-overrides) docs page.
  *
- * ```js-code
- * // ExampleComponent/theme.js
- * const generateComponentTheme = (theme) => {
- *   const { colors } = theme
- *
- *   const componentVariables = {
- *     background: colors?.backgroundMedium,
- *     color: colors?.textDarkest,
- *
- *     hoverColor: colors?.textLightest,
- *     hoverBackground: colors?.backgroundDarkest
- *   }
- *
- *   return componentVariables
- * }
- * export default generateComponentTheme
- * ```
- *
  * ```jsx-code
  * {// global theme override}
  * <InstUISettingsProvider theme={{
@@ -80,11 +61,10 @@ type WithStyleProps<Theme extends ComponentTheme | null = ComponentTheme, Style
  * @module withStyle
  *
  * @param {function} generateStyle - The function that returns the component's style object
- * @param {function} generateComponentTheme - The function that returns the component's theme variables object
  * @returns {ReactElement} The decorated WithStyle Component
  */
 declare const withStyle: (...args: unknown[]) => (ComposedComponent: import("react").ComponentClass<any>) => any;
 export default withStyle;
 export { withStyle };
-export type { WithStyleProps };
+export type { WithStyleProps, ThemeOverrideProp };
 //# sourceMappingURL=withStyle.d.ts.map

package/types/withStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withStyle.d.ts","sourceRoot":"","sources":["../src/withStyle.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAEf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,gBAAgB,CAAA;AAYvB,KAAK,qBAAqB,CACxB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,MAAM,GACN;IACE,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CAC3D,CAAA;AAEL,KAAK,iBAAiB,CAAC,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAAI;IAC7E,aAAa,CAAC,EACV,OAAO,CAAC,KAAK,CAAC,GACd,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;CACzE,CAAA;AAED,KAAK,cAAc,CACjB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,EACpD,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,qBAAqB,CAAC,KAAK,CAAC,GAC5B,qBAAqB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAO3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0EG;AACH,QAAA,MAAM,SAAS,yFA8Gd,CAAA;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"withStyle.d.ts","sourceRoot":"","sources":["../src/withStyle.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAEf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,cAAc,EAIf,MAAM,gBAAgB,CAAA;AAcvB,KAAK,qBAAqB,CACxB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,MAAM,GACN;IACE,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CAC3D,CAAA;AAEL,KAAK,iBAAiB,CAAC,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAAI;IAC7E,aAAa,CAAC,EACV,OAAO,CAAC,KAAK,CAAC,GACd,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;CACzE,CAAA;AAED,KAAK,cAAc,CACjB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,EACpD,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,qBAAqB,CAAC,KAAK,CAAC,GAC5B,qBAAqB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAO3D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsDG;AACH,QAAA,MAAM,SAAS,yFAuHd,CAAA;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA;AACpB,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}

package/types/withStyleLegacy.d.ts

@@ -0,0 +1,22 @@
+import type { BaseTheme, ComponentTheme } from '@instructure/shared-types';
+import type { ComponentStyle } from './EmotionTypes';
+type WithStylePrivateProps<Style extends ComponentStyle | null = ComponentStyle> = Style extends null ? object : {
+    styles?: Style;
+    makeStyles?: (extraArgs?: Record<string, unknown>) => void;
+};
+type ThemeOverrideProp<Theme extends ComponentTheme | null = ComponentTheme> = {
+    themeOverride?: Partial<Theme> | ((componentTheme: Theme, currentTheme: BaseTheme) => Partial<Theme>);
+};
+type WithStyleProps<Theme extends ComponentTheme | null = ComponentTheme, Style extends ComponentStyle | null = ComponentStyle> = Theme extends null ? WithStylePrivateProps<Style> : WithStylePrivateProps<Style> & ThemeOverrideProp<Theme>;
+/**
+ * ---
+ * category: utilities/themes
+ * ---
+ * used for old (v11 and eariler) theming system
+ * TODO delete when the theme migration is complete
+ */
+declare const withStyleLegacy: (...args: unknown[]) => (ComposedComponent: import("react").ComponentClass<any>) => any;
+export default withStyleLegacy;
+export { withStyleLegacy };
+export type { WithStyleProps };
+//# sourceMappingURL=withStyleLegacy.d.ts.map

package/types/withStyleLegacy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withStyleLegacy.d.ts","sourceRoot":"","sources":["../src/withStyleLegacy.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EAEf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,gBAAgB,CAAA;AAYvB,KAAK,qBAAqB,CACxB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,MAAM,GACN;IACE,MAAM,CAAC,EAAE,KAAK,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;CAC3D,CAAA;AAEL,KAAK,iBAAiB,CAAC,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAAI;IAC7E,aAAa,CAAC,EACV,OAAO,CAAC,KAAK,CAAC,GACd,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;CACzE,CAAA;AAED,KAAK,cAAc,CACjB,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,EACpD,KAAK,SAAS,cAAc,GAAG,IAAI,GAAG,cAAc,IAClD,KAAK,SAAS,IAAI,GAClB,qBAAqB,CAAC,KAAK,CAAC,GAC5B,qBAAqB,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA;AAO3D;;;;;;GAMG;AACH,QAAA,MAAM,eAAe,yFA8GpB,CAAA;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA;AAC1B,YAAY,EAAE,cAAc,EAAE,CAAA"}

package/es/styleUtils/mapSpacingToShorthand.js

@@ -1,29 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-export function mapSpacingToShorthand(value, spacingMap) {
-  const splitMargin = value === null || value === void 0 ? void 0 : value.split(' ');
-  const cssMargin = splitMargin ? splitMargin.map(m => spacingMap[m] || m).join(' ') : '0';
-  return cssMargin;
-}

package/lib/styleUtils/mapSpacingToShorthand.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mapSpacingToShorthand = mapSpacingToShorthand;
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-function mapSpacingToShorthand(value, spacingMap) {
-  const splitMargin = value === null || value === void 0 ? void 0 : value.split(' ');
-  const cssMargin = splitMargin ? splitMargin.map(m => spacingMap[m] || m).join(' ') : '0';
-  return cssMargin;
-}

package/src/styleUtils/mapSpacingToShorthand.ts

@@ -1,35 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-import type { Spacing } from './ThemeablePropValues'
-
-export function mapSpacingToShorthand(
-  value: Spacing | undefined,
-  spacingMap: { [key: string]: string }
-) {
-  const splitMargin = value?.split(' ')
-  const cssMargin = splitMargin
-    ? splitMargin.map((m: string) => spacingMap[m] || m).join(' ')
-    : '0'
-  return cssMargin
-}

package/types/styleUtils/mapSpacingToShorthand.d.ts

@@ -1,5 +0,0 @@
-import type { Spacing } from './ThemeablePropValues';
-export declare function mapSpacingToShorthand(value: Spacing | undefined, spacingMap: {
-    [key: string]: string;
-}): string;
-//# sourceMappingURL=mapSpacingToShorthand.d.ts.map

package/types/styleUtils/mapSpacingToShorthand.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mapSpacingToShorthand.d.ts","sourceRoot":"","sources":["../../src/styleUtils/mapSpacingToShorthand.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AAEpD,wBAAgB,qBAAqB,CACnC,KAAK,EAAE,OAAO,GAAG,SAAS,EAC1B,UAAU,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,UAOtC"}