@workday/canvas-kit-labs-react
Version:
Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functi
45 lines (44 loc) • 1.67 kB
JavaScript
import { focusRing } from '@workday/canvas-kit-react/common';
import { colors } from '@workday/canvas-kit-react/tokens';
/**
* @deprecated ⚠️ `SearchTheme` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
*/
export var SearchTheme;
(function (SearchTheme) {
SearchTheme["Light"] = "light";
SearchTheme["Dark"] = "dark";
SearchTheme["Transparent"] = "transparent";
})(SearchTheme || (SearchTheme = {}));
/**
* @deprecated ⚠️ `searchThemes` is deprecated and will be removed in a future major version. Please our CSS tokens to theme components.
*/
export const searchThemes = {
[SearchTheme.Transparent]: {
background: 'rgba(0, 0, 0, 0)',
backgroundFocus: 'rgba(0, 0, 0, 0)',
color: colors.blackPepper300,
colorFocus: colors.blackPepper300,
placeholderColor: colors.licorice300,
placeholderColorFocus: colors.licorice300,
boxShadow: 'none',
boxShadowFocus: 'none',
},
[SearchTheme.Light]: {
background: colors.soap200,
backgroundFocus: colors.soap200,
backgroundHover: colors.soap300,
color: colors.blackPepper300,
placeholderColor: colors.licorice300,
boxShadow: 'none',
boxShadowFocus: focusRing().boxShadow,
},
[SearchTheme.Dark]: {
background: 'rgba(0, 0, 0, 0.2)',
backgroundFocus: colors.frenchVanilla100,
color: colors.frenchVanilla100,
colorFocus: colors.blackPepper300,
placeholderColor: colors.frenchVanilla100,
placeholderColorFocus: colors.licorice300,
boxShadow: 'none',
},
};