@instructure/ui-pages 8.9.2-snapshot.1 → 8.9.2-snapshot.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-pages",
-  "version": "8.9.2-snapshot.1+11d97b23e",
+  "version": "8.9.2-snapshot.12+6231ada93",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,23 +24,23 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-color-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-themes": "8.9.2-snapshot.1+11d97b23e"
+    "@instructure/ui-babel-preset": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-color-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-themes": "8.9.2-snapshot.12+6231ada93"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/console": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/emotion": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/shared-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-a11y-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-dom-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-view": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/uid": "8.9.2-snapshot.1+11d97b23e",
+    "@instructure/console": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/emotion": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/shared-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-a11y-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-dom-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-prop-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-react-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-view": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/uid": "8.9.2-snapshot.12+6231ada93",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "11d97b23ea6f8360db54acd61c9caf51d787354b"
+  "gitHead": "6231ada93bd4299d640b5d39d7e44b0f54852b2a"
 }

package/src/Pages/props.ts

@@ -29,8 +29,12 @@ import { ThemeablePropTypes } from '@instructure/emotion'
 
 import { Page } from './Page'
 
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
-import type { PropValidators } from '@instructure/shared-types'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
+import type { PropValidators, PagesTheme } from '@instructure/shared-types'
 
 type PagesOwnProps = {
   defaultPageIndex?: number
@@ -44,7 +48,9 @@ type PropKeys = keyof PagesOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type PagesProps = PagesOwnProps & WithStyleProps
+type PagesProps = PagesOwnProps & WithStyleProps<PagesTheme, PagesStyle>
+
+type PagesStyle = ComponentStyle<'pages'>
 
 const propTypes: PropValidators<PropKeys> = {
   children: Children.oneOf([Page]),
@@ -81,5 +87,5 @@ const allowedProps: AllowedPropKeys = [
   'margin'
 ]
 
-export type { PagesProps }
+export type { PagesProps, PagesStyle }
 export { propTypes, allowedProps }

package/src/Pages/styles.ts

@@ -22,7 +22,8 @@
  * SOFTWARE.
  */
 
-import { PagesTheme } from '@instructure/shared-types'
+import type { PagesTheme } from '@instructure/shared-types'
+import type { PagesStyle } from './props'
 
 /**
  * ---
@@ -34,7 +35,7 @@ import { PagesTheme } from '@instructure/shared-types'
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = (componentTheme: PagesTheme) => {
+const generateStyle = (componentTheme: PagesTheme): PagesStyle => {
   return {
     pages: {
       fontSize: componentTheme.fontSize,

package/types/Pages/props.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
-import type { PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { PropValidators, PagesTheme } from '@instructure/shared-types';
 declare type PagesOwnProps = {
     defaultPageIndex?: number;
     activePageIndex?: any;
@@ -10,9 +10,10 @@ declare type PagesOwnProps = {
 };
 declare type PropKeys = keyof PagesOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type PagesProps = PagesOwnProps & WithStyleProps;
+declare type PagesProps = PagesOwnProps & WithStyleProps<PagesTheme, PagesStyle>;
+declare type PagesStyle = ComponentStyle<'pages'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { PagesProps };
+export type { PagesProps, PagesStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/Pages/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pages/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,aAAa,GAAG;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,GAAG,CAAA;IACrB,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,aAAa,CAAA;AAEnC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,UAAU,GAAG,aAAa,GAAG,cAAc,CAAA;AAEhD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,UAAU,EAAE,CAAA;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Pages/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAE3E,aAAK,aAAa,GAAG;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,eAAe,CAAC,EAAE,GAAG,CAAA;IACrB,iBAAiB,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,aAAa,CAAA;AAEnC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,UAAU,GAAG,aAAa,GAAG,cAAc,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;AAExE,aAAK,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Pages/styles.d.ts

@@ -1,4 +1,5 @@
-import { PagesTheme } from '@instructure/shared-types';
+import type { PagesTheme } from '@instructure/shared-types';
+import type { PagesStyle } from './props';
 /**
  * ---
  * private: true
@@ -9,15 +10,6 @@ import { PagesTheme } from '@instructure/shared-types';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: PagesTheme) => {
-    pages: {
-        fontSize: string | 0;
-        fontFamily: string;
-        fontWeight: number;
-        color: string;
-        background: string;
-        display: string;
-    };
-};
+declare const generateStyle: (componentTheme: PagesTheme) => PagesStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/Pages/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pages/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,UAAU;;;;;;;;;CAWhD,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Pages/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,UAAU,KAAG,UAWnD,CAAA;AAED,eAAe,aAAa,CAAA"}