@codecademy/gamut
73.3.073.3.1-alpha.0e5de6.0
dist/Tip/InfoTip/styles.js~
dist/Tip/InfoTip/styles.jsModified+7−7
Index: package/dist/Tip/InfoTip/styles.js
===================================================================
--- package/dist/Tip/InfoTip/styles.js
+++ package/dist/Tip/InfoTip/styles.js
@@ -1,29 +1,29 @@
import _styled from "@emotion/styled/base";
import { css, fontSmoothPixel, states, timing, variant } from '@codecademy/gamut-styles';
import { Box } from '../../Box';
-import { ButtonSelectors } from '../../ButtonBase/ButtonBase';
+import { InteractiveSelectors } from '../../ButtonBase/ButtonBase';
import { tooltipArrowHeight, tooltipBgColor, tooltipVariantStyles } from '../shared/styles/styles';
const textColor = 'secondary';
export const infoButtonStyles = css({
borderColor: 'transparent',
color: textColor,
height: 24,
width: 24,
- [ButtonSelectors.HOVER]: {
+ [InteractiveSelectors.HOVER]: {
color: textColor,
bg: 'background-hover'
},
- [ButtonSelectors.FOCUS_VISIBLE]: {
+ [InteractiveSelectors.FOCUS_VISIBLE]: {
color: textColor
},
- [ButtonSelectors.OUTLINE]: {
+ [InteractiveSelectors.OUTLINE]: {
borderColor: textColor
},
- [ButtonSelectors.ACTIVE]: {
+ [InteractiveSelectors.ACTIVE]: {
color: 'text'
},
- [ButtonSelectors.DISABLED]: {
+ [InteractiveSelectors.DISABLED]: {
color: 'text-disabled',
bg: 'transparent'
}
});
@@ -61,5 +61,5 @@
});
export const InfoTipContainer = /*#__PURE__*/_styled(Box, {
target: "e5fuvit0",
label: "InfoTipContainer"
-})(infoVisibilityStates, " ", infoTipAlignmentVariants, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvSW5mb1RpcC9zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGlwL0luZm9UaXAvc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNzcyxcbiAgZm9udFNtb290aFBpeGVsLFxuICBzdGF0ZXMsXG4gIHRpbWluZyxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBCdXR0b25TZWxlY3RvcnMgfSBmcm9tICcuLi8uLi9CdXR0b25CYXNlL0J1dHRvbkJhc2UnO1xuaW1wb3J0IHtcbiAgdG9vbHRpcEFycm93SGVpZ2h0LFxuICB0b29sdGlwQmdDb2xvcixcbiAgdG9vbHRpcFZhcmlhbnRTdHlsZXMsXG59IGZyb20gJy4uL3NoYXJlZC9zdHlsZXMvc3R5bGVzJztcbmltcG9ydCB7IFRpcFBsYWNlbWVudENvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vc2hhcmVkL3R5cGVzJztcblxuY29uc3QgdGV4dENvbG9yID0gJ3NlY29uZGFyeSc7XG5cbmV4cG9ydCBjb25zdCBpbmZvQnV0dG9uU3R5bGVzID0gY3NzKHtcbiAgYm9yZGVyQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIGNvbG9yOiB0ZXh0Q29sb3IsXG4gIGhlaWdodDogMjQsXG4gIHdpZHRoOiAyNCxcbiAgW0J1dHRvblNlbGVjdG9ycy5IT1ZFUl06IHtcbiAgICBjb2xvcjogdGV4dENvbG9yLFxuICAgIGJnOiAnYmFja2dyb3VuZC1ob3ZlcicsXG4gIH0sXG4gIFtCdXR0b25TZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICBjb2xvcjogdGV4dENvbG9yLFxuICB9LFxuICBbQnV0dG9uU2VsZWN0b3JzLk9VVExJTkVdOiB7XG4gICAgYm9yZGVyQ29sb3I6IHRleHRDb2xvcixcbiAgfSxcbiAgW0J1dHRvblNlbGVjdG9ycy5BQ1RJVkVdOiB7XG4gICAgY29sb3I6ICd0ZXh0JyxcbiAgfSxcbiAgW0J1dHRvblNlbGVjdG9ycy5ESVNBQkxFRF06IHtcbiAgICBjb2xvcjogJ3RleHQtZGlzYWJsZWQnLFxuICAgIGJnOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCB0eXBlIEluZm9CdXR0b25TdGF0ZXNQcm9wcyA9IFN0eWxlUHJvcHM8dHlwZW9mIGluZm9CdXR0b25TdGF0ZXM+O1xuXG5leHBvcnQgY29uc3QgaW5mb1RpcEFsaWdubWVudFZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdhbGlnbm1lbnQnLFxuICBiYXNlOiB7XG4gICAgYmc6ICd0cmFuc3BhcmVudCcsXG4gICAgZm9udFNtb290aFBpeGVsLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fWAsXG4gICAgdHJhbnNpdGlvbkRlbGF5OiBgJHt0aW1pbmcuZmFzdH1gLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGJnOiB0b29sdGlwQmdDb2xvcixcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICBoZWlnaHQ6IGAke3Rvb2x0aXBBcnJvd0hlaWdodH1gLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB3aWR0aDogYCR7dG9vbHRpcEFycm93SGVpZ2h0fWAsXG4gICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICB9LFxuICB9LFxuICB2YXJpYW50czogdG9vbHRpcFZhcmlhbnRTdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IGluZm9CdXR0b25TdGF0ZXMgPSBzdGF0ZXMoe1xuICBhY3RpdmU6IHsgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBpbmZvVmlzaWJpbGl0eVN0YXRlcyA9IHN0YXRlcyh7XG4gIGhpZGVUaXA6IHsgdmlzaWJpbGl0eTogJ2hpZGRlbicsIG9wYWNpdHk6IDAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5mb1RpcENvbnRhaW5lciA9IHN0eWxlZChCb3gpPFxuICBQaWNrPFRpcFBsYWNlbWVudENvbXBvbmVudFByb3BzLCAnYWxpZ25tZW50Jz4gJlxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIGluZm9WaXNpYmlsaXR5U3RhdGVzPlxuPmBcbiAgJHtpbmZvVmlzaWJpbGl0eVN0YXRlc31cbiAgJHtpbmZvVGlwQWxpZ25tZW50VmFyaWFudHN9XG5gO1xuIl19 */"));
\ No newline at end of file
+})(infoVisibilityStates, " ", infoTipAlignmentVariants, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaXAvSW5mb1RpcC9zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdGQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGlwL0luZm9UaXAvc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIGNzcyxcbiAgZm9udFNtb290aFBpeGVsLFxuICBzdGF0ZXMsXG4gIHRpbWluZyxcbiAgdmFyaWFudCxcbn0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQtc3R5bGVzJztcbmltcG9ydCB7IFN0eWxlUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS92YXJpYW5jZSc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IEJveCB9IGZyb20gJy4uLy4uL0JveCc7XG5pbXBvcnQgeyBJbnRlcmFjdGl2ZVNlbGVjdG9ycyB9IGZyb20gJy4uLy4uL0J1dHRvbkJhc2UvQnV0dG9uQmFzZSc7XG5pbXBvcnQge1xuICB0b29sdGlwQXJyb3dIZWlnaHQsXG4gIHRvb2x0aXBCZ0NvbG9yLFxuICB0b29sdGlwVmFyaWFudFN0eWxlcyxcbn0gZnJvbSAnLi4vc2hhcmVkL3N0eWxlcy9zdHlsZXMnO1xuaW1wb3J0IHsgVGlwUGxhY2VtZW50Q29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9zaGFyZWQvdHlwZXMnO1xuXG5jb25zdCB0ZXh0Q29sb3IgPSAnc2Vjb25kYXJ5JztcblxuZXhwb3J0IGNvbnN0IGluZm9CdXR0b25TdHlsZXMgPSBjc3Moe1xuICBib3JkZXJDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgY29sb3I6IHRleHRDb2xvcixcbiAgaGVpZ2h0OiAyNCxcbiAgd2lkdGg6IDI0LFxuICBbSW50ZXJhY3RpdmVTZWxlY3RvcnMuSE9WRVJdOiB7XG4gICAgY29sb3I6IHRleHRDb2xvcixcbiAgICBiZzogJ2JhY2tncm91bmQtaG92ZXInLFxuICB9LFxuICBbSW50ZXJhY3RpdmVTZWxlY3RvcnMuRk9DVVNfVklTSUJMRV06IHtcbiAgICBjb2xvcjogdGV4dENvbG9yLFxuICB9LFxuICBbSW50ZXJhY3RpdmVTZWxlY3RvcnMuT1VUTElORV06IHtcbiAgICBib3JkZXJDb2xvcjogdGV4dENvbG9yLFxuICB9LFxuICBbSW50ZXJhY3RpdmVTZWxlY3RvcnMuQUNUSVZFXToge1xuICAgIGNvbG9yOiAndGV4dCcsXG4gIH0sXG4gIFtJbnRlcmFjdGl2ZVNlbGVjdG9ycy5ESVNBQkxFRF06IHtcbiAgICBjb2xvcjogJ3RleHQtZGlzYWJsZWQnLFxuICAgIGJnOiAndHJhbnNwYXJlbnQnLFxuICB9LFxufSk7XG5cbmV4cG9ydCB0eXBlIEluZm9CdXR0b25TdGF0ZXNQcm9wcyA9IFN0eWxlUHJvcHM8dHlwZW9mIGluZm9CdXR0b25TdGF0ZXM+O1xuXG5leHBvcnQgY29uc3QgaW5mb1RpcEFsaWdubWVudFZhcmlhbnRzID0gdmFyaWFudCh7XG4gIHByb3A6ICdhbGlnbm1lbnQnLFxuICBiYXNlOiB7XG4gICAgYmc6ICd0cmFuc3BhcmVudCcsXG4gICAgZm9udFNtb290aFBpeGVsLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICB0cmFuc2l0aW9uOiBgb3BhY2l0eSAke3RpbWluZy5mYXN0fWAsXG4gICAgdHJhbnNpdGlvbkRlbGF5OiBgJHt0aW1pbmcuZmFzdH1gLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICcmOjphZnRlcic6IHtcbiAgICAgIGJnOiB0b29sdGlwQmdDb2xvcixcbiAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgIGRpc3BsYXk6ICdibG9jaycsXG4gICAgICBoZWlnaHQ6IGAke3Rvb2x0aXBBcnJvd0hlaWdodH1gLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICB3aWR0aDogYCR7dG9vbHRpcEFycm93SGVpZ2h0fWAsXG4gICAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICB9LFxuICB9LFxuICB2YXJpYW50czogdG9vbHRpcFZhcmlhbnRTdHlsZXMsXG59KTtcblxuZXhwb3J0IGNvbnN0IGluZm9CdXR0b25TdGF0ZXMgPSBzdGF0ZXMoe1xuICBhY3RpdmU6IHsgYmc6ICdiYWNrZ3JvdW5kLXNlbGVjdGVkJyB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBpbmZvVmlzaWJpbGl0eVN0YXRlcyA9IHN0YXRlcyh7XG4gIGhpZGVUaXA6IHsgdmlzaWJpbGl0eTogJ2hpZGRlbicsIG9wYWNpdHk6IDAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgSW5mb1RpcENvbnRhaW5lciA9IHN0eWxlZChCb3gpPFxuICBQaWNrPFRpcFBsYWNlbWVudENvbXBvbmVudFByb3BzLCAnYWxpZ25tZW50Jz4gJlxuICAgIFN0eWxlUHJvcHM8dHlwZW9mIGluZm9WaXNpYmlsaXR5U3RhdGVzPlxuPmBcbiAgJHtpbmZvVmlzaWJpbGl0eVN0YXRlc31cbiAgJHtpbmZvVGlwQWxpZ25tZW50VmFyaWFudHN9XG5gO1xuIl19 */"));
\ No newline at end of file