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

package/es/Tooltip/index.js

@@ -87,7 +87,7 @@ let Tooltip = (_dec = withStyle(generateStyle, generateComponentTheme), _dec2 =
 
     if (as) {
       const Trigger = getElementType(Tooltip, this.props);
-      const props = omitProps(this.props, Tooltip.propTypes);
+      const props = omitProps(this.props, Tooltip.allowedProps);
       return jsx(Trigger, Object.assign({}, props, triggerProps), children);
     } else if (typeof children === 'function') {
       return children({

package/lib/Tooltip/index.js

@@ -88,7 +88,7 @@ let Tooltip = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default),
 
     if (as) {
       const Trigger = (0, _getElementType.getElementType)(Tooltip, this.props);
-      const props = (0, _omitProps.omitProps)(this.props, Tooltip.propTypes);
+      const props = (0, _omitProps.omitProps)(this.props, Tooltip.allowedProps);
       return (0, _emotion.jsx)(Trigger, Object.assign({}, props, triggerProps), children);
     } else if (typeof children === 'function') {
       return children({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-tooltip",
-  "version": "8.9.2-snapshot.1+11d97b23e",
+  "version": "8.9.2-snapshot.12+6231ada93",
   "description": "A component for showing small text-only overlays on hover/focus.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -25,23 +25,23 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/shared-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-popover": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-position": "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-testable": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/uid": "8.9.2-snapshot.1+11d97b23e",
+    "@instructure/emotion": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/shared-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-popover": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-position": "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-testable": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/uid": "8.9.2-snapshot.12+6231ada93",
     "prop-types": "^15"
   },
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-color-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-queries": "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-locator": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-queries": "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"
   },
   "peerDependencies": {
     "react": ">=16.8 <=17"
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "11d97b23ea6f8360db54acd61c9caf51d787354b"
+  "gitHead": "6231ada93bd4299d640b5d39d7e44b0f54852b2a"
 }

package/src/Tooltip/index.tsx

@@ -100,7 +100,7 @@ class Tooltip extends Component<TooltipProps> {
 
     if (as) {
       const Trigger = getElementType(Tooltip, this.props)
-      const props = omitProps(this.props, Tooltip.propTypes)
+      const props = omitProps(this.props, Tooltip.allowedProps)
       return (
         <Trigger {...props} {...triggerProps}>
           {children}

package/src/Tooltip/props.ts

@@ -21,18 +21,24 @@
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  * SOFTWARE.
  */
+
+import React from 'react'
 import PropTypes from 'prop-types'
+
 import { PositionPropTypes } from '@instructure/ui-position'
 import { element } from '@instructure/ui-prop-types'
 
-import type { PropValidators, AsElementType } from '@instructure/shared-types'
+import type {
+  PropValidators,
+  AsElementType,
+  TooltipTheme
+} from '@instructure/shared-types'
 import type {
   PlacementPropValues,
   PositionConstraint,
   PositionMountNode
 } from '@instructure/ui-position'
-import React from 'react'
-import type { WithStyleProps } from '@instructure/emotion'
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
 
 type TooltipOwnProps = {
   renderTip: React.ReactNode | ((...args: any[]) => any)
@@ -56,7 +62,9 @@ type PropKeys = keyof TooltipOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type TooltipProps = TooltipOwnProps & WithStyleProps
+type TooltipProps = TooltipOwnProps & WithStyleProps<TooltipTheme, TooltipStyle>
+
+type TooltipStyle = ComponentStyle<'tooltip'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -152,5 +160,5 @@ const allowedProps: AllowedPropKeys = [
   'onHideContent'
 ]
 
-export type { TooltipProps }
+export type { TooltipProps, TooltipStyle }
 export { propTypes, allowedProps }

package/src/Tooltip/styles.ts

@@ -22,7 +22,8 @@
  * SOFTWARE.
  */
 
-import { TooltipTheme } from '@instructure/shared-types'
+import type { TooltipTheme } from '@instructure/shared-types'
+import type { TooltipStyle } from './props'
 
 /**
  * ---
@@ -34,7 +35,7 @@ import { TooltipTheme } 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: TooltipTheme) => {
+const generateStyle = (componentTheme: TooltipTheme): TooltipStyle => {
   return {
     tooltip: {
       label: 'tooltip',

package/types/Tooltip/props.d.ts

@@ -1,7 +1,7 @@
-import type { PropValidators, AsElementType } from '@instructure/shared-types';
-import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
 import React from 'react';
-import type { WithStyleProps } from '@instructure/emotion';
+import type { PropValidators, AsElementType, TooltipTheme } from '@instructure/shared-types';
+import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
+import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
 declare type TooltipOwnProps = {
     renderTip: React.ReactNode | ((...args: any[]) => any);
     children: React.ReactNode | ((...args: any[]) => React.ReactNode);
@@ -21,9 +21,10 @@ declare type TooltipOwnProps = {
 };
 declare type PropKeys = keyof TooltipOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type TooltipProps = TooltipOwnProps & WithStyleProps;
+declare type TooltipProps = TooltipOwnProps & WithStyleProps<TooltipTheme, TooltipStyle>;
+declare type TooltipStyle = ComponentStyle<'tooltip'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { TooltipProps };
+export type { TooltipProps, TooltipStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Tooltip/props.ts"],"names":[],"mappings":"AA2BA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAC9E,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAA;IACpE,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACvC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAA;AAEpD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Tooltip/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,YAAY,EACb,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IACjE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,EAAE,CAAC,EAAE,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC,EAAE,CAAA;IACpE,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACvC,aAAa,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACxC,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GAAG,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,CAAA;AAEhF,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;AAE7C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Tooltip/styles.d.ts

@@ -1,4 +1,5 @@
-import { TooltipTheme } from '@instructure/shared-types';
+import type { TooltipTheme } from '@instructure/shared-types';
+import type { TooltipStyle } from './props';
 /**
  * ---
  * private: true
@@ -9,16 +10,6 @@ import { TooltipTheme } 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: TooltipTheme) => {
-    tooltip: {
-        label: string;
-        fontFamily: string;
-        fontWeight: number;
-        boxSizing: string;
-        display: string;
-        fontSize: string | 0;
-        padding: string | 0;
-    };
-};
+declare const generateStyle: (componentTheme: TooltipTheme) => TooltipStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tooltip/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAExD;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,YAAY;;;;;;;;;;CAYlD,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Tooltip/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBAAoB,YAAY,KAAG,YAYrD,CAAA;AAED,eAAe,aAAa,CAAA"}