@workday/canvas-kit-labs-react 5.3.0 → 5.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/lib/theming/index.ts +0 -1
- package/dist/commonjs/common/lib/theming/index.d.ts +0 -1
- package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/index.js +0 -1
- package/dist/commonjs/header/index.d.ts +5 -5
- package/dist/commonjs/header/index.d.ts.map +1 -1
- package/dist/commonjs/header/index.js +2 -2
- package/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
- package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +1 -1
- package/dist/commonjs/header/lib/GlobalHeader.js +8 -19
- package/dist/commonjs/header/lib/Header.d.ts +8 -17
- package/dist/commonjs/header/lib/Header.d.ts.map +1 -1
- package/dist/commonjs/header/lib/Header.js +14 -27
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/DubLogoTitle.js +11 -22
- package/dist/commonjs/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
- package/dist/commonjs/header/lib/parts/SearchBar.d.ts.map +1 -0
- package/dist/commonjs/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +14 -13
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +12 -25
- package/dist/commonjs/header/lib/parts/index.d.ts +3 -2
- package/dist/commonjs/header/lib/parts/index.d.ts.map +1 -1
- package/dist/commonjs/header/lib/parts/index.js +4 -2
- package/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
- package/dist/commonjs/header/lib/shared/themes.d.ts.map +1 -1
- package/dist/commonjs/header/lib/shared/themes.js +36 -13
- package/dist/commonjs/header/lib/shared/types.d.ts +8 -3
- package/dist/commonjs/header/lib/shared/types.d.ts.map +1 -1
- package/dist/commonjs/header/lib/shared/types.js +23 -17
- package/dist/commonjs/index.d.ts +0 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +0 -2
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/index.d.ts +0 -1
- package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/index.js +0 -1
- package/dist/es6/header/index.d.ts +5 -5
- package/dist/es6/header/index.d.ts.map +1 -1
- package/dist/es6/header/index.js +5 -5
- package/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
- package/dist/es6/header/lib/GlobalHeader.d.ts.map +1 -1
- package/dist/es6/header/lib/GlobalHeader.js +11 -22
- package/dist/es6/header/lib/Header.d.ts +8 -17
- package/dist/es6/header/lib/Header.d.ts.map +1 -1
- package/dist/es6/header/lib/Header.js +17 -30
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/DubLogoTitle.js +12 -23
- package/dist/es6/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
- package/dist/es6/header/lib/parts/SearchBar.d.ts.map +1 -0
- package/dist/es6/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +12 -11
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +13 -26
- package/dist/es6/header/lib/parts/index.d.ts +3 -2
- package/dist/es6/header/lib/parts/index.d.ts.map +1 -1
- package/dist/es6/header/lib/parts/index.js +3 -2
- package/dist/es6/header/lib/shared/themes.d.ts +19 -28
- package/dist/es6/header/lib/shared/themes.d.ts.map +1 -1
- package/dist/es6/header/lib/shared/themes.js +37 -14
- package/dist/es6/header/lib/shared/types.d.ts +8 -3
- package/dist/es6/header/lib/shared/types.d.ts.map +1 -1
- package/dist/es6/header/lib/shared/types.js +23 -17
- package/dist/es6/index.d.ts +0 -2
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -2
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -1
- package/header/README.md +181 -37
- package/header/index.ts +5 -5
- package/header/lib/GlobalHeader.tsx +9 -26
- package/header/lib/Header.tsx +26 -58
- package/header/lib/parts/DubLogoTitle.tsx +9 -26
- package/{search-form/lib/SearchForm.tsx → header/lib/parts/SearchBar.tsx} +31 -30
- package/header/lib/parts/WorkdayLogoTitle.tsx +11 -40
- package/header/lib/parts/index.ts +3 -2
- package/header/lib/shared/themes.tsx +56 -32
- package/header/lib/shared/types.tsx +9 -3
- package/index.ts +0 -2
- package/package.json +5 -7
- package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -1
- package/ts3.5/dist/commonjs/header/index.d.ts +5 -5
- package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
- package/ts3.5/dist/commonjs/header/lib/Header.d.ts +8 -17
- package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/ts3.5/dist/{es6/search-form/lib/SearchForm.d.ts → commonjs/header/lib/parts/SearchBar.d.ts} +23 -22
- package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +3 -2
- package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
- package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +8 -3
- package/ts3.5/dist/commonjs/index.d.ts +0 -2
- package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -1
- package/ts3.5/dist/es6/header/index.d.ts +5 -5
- package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
- package/ts3.5/dist/es6/header/lib/Header.d.ts +8 -17
- package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
- package/ts3.5/dist/{commonjs/search-form/lib/SearchForm.d.ts → es6/header/lib/parts/SearchBar.d.ts} +23 -22
- package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
- package/ts3.5/dist/es6/header/lib/parts/index.d.ts +3 -2
- package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +19 -28
- package/ts3.5/dist/es6/header/lib/shared/types.d.ts +8 -3
- package/ts3.5/dist/es6/index.d.ts +0 -2
- package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +1 -1
- package/common/lib/theming/useThemedRing.ts +0 -84
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +0 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.js +0 -61
- package/dist/commonjs/search-form/index.d.ts +0 -3
- package/dist/commonjs/search-form/index.d.ts.map +0 -1
- package/dist/commonjs/search-form/index.js +0 -7
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/dist/commonjs/search-form/lib/themes.d.ts.map +0 -1
- package/dist/commonjs/search-form/lib/themes.js +0 -41
- package/dist/commonjs/text-input/index.d.ts +0 -7
- package/dist/commonjs/text-input/index.d.ts.map +0 -1
- package/dist/commonjs/text-input/index.js +0 -11
- package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
- package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInput.js +0 -36
- package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputField.js +0 -66
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
- package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputHint.js +0 -46
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
- package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/TextInputLabel.js +0 -54
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -16
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputHint.js +0 -12
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.js +0 -12
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -23
- package/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +0 -1
- package/dist/es6/common/lib/theming/useThemedRing.js +0 -55
- package/dist/es6/search-form/index.d.ts +0 -3
- package/dist/es6/search-form/index.d.ts.map +0 -1
- package/dist/es6/search-form/index.js +0 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +0 -1
- package/dist/es6/search-form/lib/themes.d.ts +0 -21
- package/dist/es6/search-form/lib/themes.d.ts.map +0 -1
- package/dist/es6/search-form/lib/themes.js +0 -39
- package/dist/es6/text-input/index.d.ts +0 -7
- package/dist/es6/text-input/index.d.ts.map +0 -1
- package/dist/es6/text-input/index.js +0 -6
- package/dist/es6/text-input/lib/TextInput.d.ts +0 -21
- package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInput.js +0 -31
- package/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputField.js +0 -64
- package/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
- package/dist/es6/text-input/lib/TextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputHint.js +0 -44
- package/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
- package/dist/es6/text-input/lib/TextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/TextInputLabel.js +0 -52
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -14
- package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputHint.js +0 -10
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputLabel.js +0 -10
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
- package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -21
- package/search-form/LICENSE +0 -52
- package/search-form/README.md +0 -6
- package/search-form/index.ts +0 -2
- package/search-form/lib/themes.ts +0 -54
- package/search-form/package.json +0 -5
- package/text-input/LICENSE +0 -52
- package/text-input/README.md +0 -11
- package/text-input/index.ts +0 -6
- package/text-input/lib/TextInput.tsx +0 -34
- package/text-input/lib/TextInputField.tsx +0 -75
- package/text-input/lib/TextInputHint.tsx +0 -52
- package/text-input/lib/TextInputLabel.tsx +0 -74
- package/text-input/lib/hooks/useTextInputField.tsx +0 -15
- package/text-input/lib/hooks/useTextInputHint.tsx +0 -11
- package/text-input/lib/hooks/useTextInputLabel.tsx +0 -11
- package/text-input/lib/hooks/useTextInputModel.tsx +0 -45
- package/text-input/package.json +0 -5
- package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/commonjs/text-input/index.d.ts +0 -7
- package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
- package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
- package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
- package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
- package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/es6/text-input/index.d.ts +0 -7
- package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts +0 -21
- package/ts3.5/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
- package/ts3.5/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
- package/ts3.5/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
- package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { HeaderTheme, HeaderVariant } from './shared/types';
|
|
3
3
|
export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
4
|
/**
|
|
5
5
|
* The custom menu toggle node of the Header. This React node replaces the default menu toggle.
|
|
@@ -7,14 +7,14 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
7
7
|
menuToggle?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
9
|
* The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
|
|
10
|
-
* @default
|
|
10
|
+
* @default HeaderTheme.White
|
|
11
11
|
*/
|
|
12
|
-
themeColor?:
|
|
12
|
+
themeColor?: HeaderTheme;
|
|
13
13
|
/**
|
|
14
14
|
* The variant of the Header. Accepts `Dub` (small) or `Full` (large).
|
|
15
|
-
* @default
|
|
15
|
+
* @default HeaderVariant.Dub
|
|
16
16
|
*/
|
|
17
|
-
variant?:
|
|
17
|
+
variant?: HeaderVariant;
|
|
18
18
|
/**
|
|
19
19
|
* The text of the Header title. Not used if `brand` is provided.
|
|
20
20
|
*/
|
|
@@ -37,7 +37,7 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
37
37
|
*/
|
|
38
38
|
onMenuClick?: (e: React.MouseEvent) => void;
|
|
39
39
|
/**
|
|
40
|
-
* The React element to render in the left slot of the Header. This is typically a
|
|
40
|
+
* The React element to render in the left slot of the Header. This is typically a SearchBar component.
|
|
41
41
|
*/
|
|
42
42
|
leftSlot?: React.ReactElement;
|
|
43
43
|
/**
|
|
@@ -46,18 +46,9 @@ export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
|
46
46
|
*/
|
|
47
47
|
isCollapsed?: boolean;
|
|
48
48
|
}
|
|
49
|
-
/**
|
|
50
|
-
* ### Deprecated Header
|
|
51
|
-
*
|
|
52
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
53
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
54
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
55
|
-
* for more information.
|
|
56
|
-
*/
|
|
57
49
|
export default class Header extends React.Component<HeaderProps, {}> {
|
|
58
|
-
static Theme: typeof
|
|
59
|
-
static Variant: typeof
|
|
60
|
-
componentDidMount(): void;
|
|
50
|
+
static Theme: typeof HeaderTheme;
|
|
51
|
+
static Variant: typeof HeaderVariant;
|
|
61
52
|
/**
|
|
62
53
|
* Helper that recursively maps ReactNodes to their theme-based equivalent.
|
|
63
54
|
* Any children that are included in a Header may need to undergo transformation
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { HeaderTheme } from '../shared/types';
|
|
3
3
|
export declare type DubTitleProps = {
|
|
4
4
|
/**
|
|
5
5
|
* The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
|
|
6
|
-
* @default
|
|
6
|
+
* @default HeaderTheme.White
|
|
7
7
|
*/
|
|
8
|
-
themeColor?:
|
|
8
|
+
themeColor?: HeaderTheme;
|
|
9
9
|
/**
|
|
10
10
|
* The text of the DubLogoTitle. Not used if `brand` is provided.
|
|
11
11
|
*/
|
|
@@ -15,16 +15,7 @@ export declare type DubTitleProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
bgColor?: string;
|
|
17
17
|
};
|
|
18
|
-
|
|
19
|
-
* ### Deprecated Dub Logo Title
|
|
20
|
-
*
|
|
21
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
22
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
23
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
24
|
-
* for more information.
|
|
25
|
-
*/
|
|
26
|
-
export declare class DeprecatedDubLogoTitle extends React.Component<DubTitleProps> {
|
|
27
|
-
componentDidMount(): void;
|
|
18
|
+
export declare class DubLogoTitle extends React.Component<DubTitleProps> {
|
|
28
19
|
render(): JSX.Element;
|
|
29
20
|
}
|
|
30
21
|
//# sourceMappingURL=DubLogoTitle.d.ts.map
|
package/ts3.5/dist/{commonjs/search-form/lib/SearchForm.d.ts → es6/header/lib/parts/SearchBar.d.ts}
RENAMED
|
@@ -1,23 +1,24 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { GrowthBehavior } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
|
|
4
|
-
import { SearchThemeAttributes
|
|
5
|
-
|
|
4
|
+
import { SearchThemeAttributes } from '../shared/themes';
|
|
5
|
+
import { SearchTheme } from '../shared/types';
|
|
6
|
+
export interface SearchBarProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
|
|
6
7
|
/**
|
|
7
|
-
* The function called when the
|
|
8
|
+
* The function called when the SearchBar form is submitted. The current input value is passed to the callback function.
|
|
8
9
|
*/
|
|
9
10
|
onSubmit: React.FormEventHandler<HTMLFormElement>;
|
|
10
11
|
/**
|
|
11
|
-
* If true, collapse the
|
|
12
|
+
* If true, collapse the SearchBar text input into a toggle icon. Useful for responsive layouts.
|
|
12
13
|
* @default false
|
|
13
14
|
*/
|
|
14
15
|
isCollapsed?: boolean;
|
|
15
16
|
/**
|
|
16
|
-
* The function called when the
|
|
17
|
+
* The function called when the SearchBar text input changes.
|
|
17
18
|
*/
|
|
18
19
|
onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
19
20
|
/**
|
|
20
|
-
* The autocomplete items of the
|
|
21
|
+
* The autocomplete items of the SearchBar. This array of menu items is shown under the search bar.
|
|
21
22
|
*/
|
|
22
23
|
autocompleteItems?: React.ReactElement<MenuItemProps>[];
|
|
23
24
|
/**
|
|
@@ -25,73 +26,73 @@ export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttribute
|
|
|
25
26
|
*/
|
|
26
27
|
searchTheme?: SearchTheme | SearchThemeAttributes;
|
|
27
28
|
/**
|
|
28
|
-
* The placeholder text of the
|
|
29
|
+
* The placeholder text of the SearchBar text input.
|
|
29
30
|
* @default Search
|
|
30
31
|
*/
|
|
31
32
|
placeholder?: string;
|
|
32
33
|
/**
|
|
33
|
-
* The initial value of the
|
|
34
|
+
* The initial value of the SearchBar text input.
|
|
34
35
|
*/
|
|
35
36
|
initialValue?: string;
|
|
36
37
|
/**
|
|
37
|
-
* If true, right-align the
|
|
38
|
+
* If true, right-align the SearchBar. If false, the text input should grow to left-align the SearchBar.
|
|
38
39
|
* @default false
|
|
39
40
|
*/
|
|
40
41
|
rightAlign?: boolean;
|
|
41
42
|
/**
|
|
42
|
-
* The screenreader label text for the
|
|
43
|
+
* The screenreader label text for the SearchBar text input.
|
|
43
44
|
* @default Search
|
|
44
45
|
*/
|
|
45
46
|
inputLabel?: string;
|
|
46
47
|
/**
|
|
47
|
-
* The screenreader label text for the
|
|
48
|
+
* The screenreader label text for the SearchBar submit button.
|
|
48
49
|
* @default Search
|
|
49
50
|
*/
|
|
50
51
|
submitAriaLabel?: string;
|
|
51
52
|
/**
|
|
52
|
-
* The screenreader label text for the
|
|
53
|
+
* The screenreader label text for the SearchBar clear button.
|
|
53
54
|
* @default Reset Search Form
|
|
54
55
|
*/
|
|
55
56
|
clearButtonAriaLabel?: string;
|
|
56
57
|
/**
|
|
57
|
-
* The screenreader label text for the button to open the collapsed
|
|
58
|
+
* The screenreader label text for the button to open the collapsed SearchBar.
|
|
58
59
|
* @default Open Search
|
|
59
60
|
*/
|
|
60
61
|
openButtonAriaLabel?: string;
|
|
61
62
|
/**
|
|
62
|
-
* The screenreader label text for the button to close the open
|
|
63
|
+
* The screenreader label text for the button to close the open SearchBar.
|
|
63
64
|
* @default Cancel
|
|
64
65
|
*/
|
|
65
66
|
closeButtonAriaLabel?: string;
|
|
66
67
|
/**
|
|
67
|
-
* If true, render the
|
|
68
|
+
* If true, render the SearchBar with a button to clear the text input.
|
|
68
69
|
* @default true
|
|
69
70
|
*/
|
|
70
71
|
showClearButton?: boolean;
|
|
71
72
|
/**
|
|
72
|
-
* Height of the Search
|
|
73
|
-
* @default 40
|
|
73
|
+
* Height of the Search Bar in pixels
|
|
74
|
+
* @default: 40
|
|
74
75
|
*/
|
|
75
76
|
height?: number;
|
|
76
77
|
}
|
|
77
|
-
export interface
|
|
78
|
+
export interface SearchBarState {
|
|
78
79
|
showForm: boolean;
|
|
79
80
|
searchQuery: string;
|
|
80
81
|
isFocused: boolean;
|
|
81
82
|
}
|
|
82
|
-
export declare class
|
|
83
|
+
export declare class SearchBar extends React.Component<SearchBarProps, SearchBarState> {
|
|
83
84
|
static Theme: typeof SearchTheme;
|
|
84
85
|
private inputRef;
|
|
85
86
|
private openRef;
|
|
86
87
|
private labelId;
|
|
87
|
-
state: Readonly<
|
|
88
|
+
state: Readonly<SearchBarState>;
|
|
88
89
|
private getTheme;
|
|
89
90
|
private getThemeColors;
|
|
90
91
|
getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
|
|
91
92
|
handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
|
|
92
93
|
openCollapsedSearch: () => void;
|
|
93
94
|
closeCollapsedSearch: () => void;
|
|
94
|
-
componentDidUpdate(prevProps:
|
|
95
|
+
componentDidUpdate(prevProps: SearchBarProps, prevState: SearchBarState): void;
|
|
95
96
|
focusInput: () => void;
|
|
96
97
|
focusOpen: () => void;
|
|
97
98
|
handleFocus: () => void;
|
|
@@ -99,4 +100,4 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
|
|
|
99
100
|
handleSearchInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
100
101
|
render(): JSX.Element;
|
|
101
102
|
}
|
|
102
|
-
//# sourceMappingURL=
|
|
103
|
+
//# sourceMappingURL=SearchBar.d.ts.map
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { HeaderTheme, HeaderVariant } from '../shared/types';
|
|
3
3
|
export declare type WorkdayLogoTitleProps = {
|
|
4
4
|
/**
|
|
5
5
|
* The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
|
|
6
|
-
* @default
|
|
6
|
+
* @default HeaderTheme.White
|
|
7
7
|
*/
|
|
8
|
-
themeColor?:
|
|
8
|
+
themeColor?: HeaderTheme;
|
|
9
9
|
/**
|
|
10
10
|
* The text of the WorkdayLogoTitle. Not used if `brand` is provided.
|
|
11
11
|
* @default ''
|
|
@@ -14,18 +14,9 @@ export declare type WorkdayLogoTitleProps = {
|
|
|
14
14
|
/**
|
|
15
15
|
* The variant of the WorkdayLogoTitle.
|
|
16
16
|
*/
|
|
17
|
-
variant?:
|
|
17
|
+
variant?: HeaderVariant;
|
|
18
18
|
};
|
|
19
|
-
|
|
20
|
-
* ### Deprecated Workday Logo Title
|
|
21
|
-
*
|
|
22
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
23
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
24
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
25
|
-
* for more information.
|
|
26
|
-
*/
|
|
27
|
-
export declare class DeprecatedWorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
|
|
28
|
-
componentDidMount(): void;
|
|
19
|
+
export declare class WorkdayLogoTitle extends React.Component<WorkdayLogoTitleProps> {
|
|
29
20
|
render(): JSX.Element;
|
|
30
21
|
}
|
|
31
22
|
//# sourceMappingURL=WorkdayLogoTitle.d.ts.map
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { DubLogoTitle } from './DubLogoTitle';
|
|
2
|
+
export { SearchBar, SearchBarProps } from './SearchBar';
|
|
3
|
+
export { WorkdayLogoTitle } from './WorkdayLogoTitle';
|
|
3
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1,13 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from '@workday/canvas-kit-react/tokens';
|
|
2
|
-
|
|
3
|
-
* ### Deprecated Header Theme Attributes Interface
|
|
4
|
-
*
|
|
5
|
-
* As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
|
|
6
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
7
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
8
|
-
* for more information.
|
|
9
|
-
*/
|
|
10
|
-
export interface DeprecatedHeaderThemeAttributes {
|
|
2
|
+
export interface ThemeAttributes {
|
|
11
3
|
color: string;
|
|
12
4
|
background: string;
|
|
13
5
|
depth: CSSProperties;
|
|
@@ -20,24 +12,23 @@ export interface DeprecatedHeaderThemeAttributes {
|
|
|
20
12
|
currentLinkColor: string;
|
|
21
13
|
chipColor: string;
|
|
22
14
|
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
*
|
|
26
|
-
* As of Canvas Kit v6, this type interface is being soft-deprecated along with the rest of the labs/header package.
|
|
27
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
28
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
29
|
-
* for more information.
|
|
30
|
-
*/
|
|
31
|
-
export interface DeprecatedHeaderThemes {
|
|
32
|
-
[key: string]: DeprecatedHeaderThemeAttributes;
|
|
15
|
+
export interface Themes {
|
|
16
|
+
[key: string]: ThemeAttributes;
|
|
33
17
|
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
18
|
+
export declare const themes: Themes;
|
|
19
|
+
export interface SearchThemeAttributes {
|
|
20
|
+
background?: string;
|
|
21
|
+
backgroundFocus?: string;
|
|
22
|
+
backgroundHover?: string;
|
|
23
|
+
color?: string;
|
|
24
|
+
colorFocus?: string;
|
|
25
|
+
placeholderColor?: string;
|
|
26
|
+
placeholderColorFocus?: string;
|
|
27
|
+
boxShadow?: string | string[];
|
|
28
|
+
boxShadowFocus?: string | string[];
|
|
29
|
+
}
|
|
30
|
+
export interface SearchThemes {
|
|
31
|
+
[key: string]: SearchThemeAttributes;
|
|
32
|
+
}
|
|
33
|
+
export declare const searchThemes: SearchThemes;
|
|
43
34
|
//# sourceMappingURL=themes.d.ts.map
|
|
@@ -1,15 +1,20 @@
|
|
|
1
|
-
export declare enum
|
|
1
|
+
export declare enum HeaderTheme {
|
|
2
2
|
White = 0,
|
|
3
3
|
Blue = 1,
|
|
4
4
|
Transparent = 2
|
|
5
5
|
}
|
|
6
|
-
export declare enum
|
|
6
|
+
export declare enum HeaderVariant {
|
|
7
7
|
Dub = 0,
|
|
8
8
|
Full = 1,
|
|
9
9
|
Global = 2
|
|
10
10
|
}
|
|
11
|
-
export declare enum
|
|
11
|
+
export declare enum HeaderHeight {
|
|
12
12
|
Small = "64px",
|
|
13
13
|
Large = "80px"
|
|
14
14
|
}
|
|
15
|
+
export declare enum SearchTheme {
|
|
16
|
+
Light = 0,
|
|
17
|
+
Dark = 1,
|
|
18
|
+
Transparent = 2
|
|
19
|
+
}
|
|
15
20
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, any> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
2
|
+
export declare function getValidChildren(children: React.ReactNode): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>[];
|
|
3
3
|
//# sourceMappingURL=getValidChildren.d.ts.map
|
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import {useThemeRTL} from './useThemeRTL';
|
|
2
|
-
import {CanvasThemePalette, EmotionCanvasTheme} from '@workday/canvas-kit-react/common';
|
|
3
|
-
import {colors, CSSProperties, inputColors} from '@workday/canvas-kit-react/tokens';
|
|
4
|
-
import chroma from 'chroma-js';
|
|
5
|
-
|
|
6
|
-
type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
|
|
7
|
-
interface ContrastColors {
|
|
8
|
-
outer?: string;
|
|
9
|
-
inner?: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const isAccessible = (foreground: string, background: string = colors.frenchVanilla100) => {
|
|
13
|
-
return chroma.contrast(foreground, background) >= 3;
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const getPaletteColorsFromTheme = (
|
|
17
|
-
fallbackColors: ContrastColors,
|
|
18
|
-
palette?: CanvasThemePalette
|
|
19
|
-
): ContrastColors => {
|
|
20
|
-
return palette
|
|
21
|
-
? {
|
|
22
|
-
outer: isAccessible(palette?.main) ? palette?.main : palette?.darkest,
|
|
23
|
-
inner: palette?.main,
|
|
24
|
-
}
|
|
25
|
-
: fallbackColors;
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
export function getPaletteColors(
|
|
29
|
-
type: paletteSelection,
|
|
30
|
-
theme?: EmotionCanvasTheme
|
|
31
|
-
): ContrastColors {
|
|
32
|
-
const palette = theme?.canvas.palette[type];
|
|
33
|
-
|
|
34
|
-
switch (type) {
|
|
35
|
-
case 'error': {
|
|
36
|
-
return getPaletteColorsFromTheme(
|
|
37
|
-
{
|
|
38
|
-
outer: inputColors.error.border,
|
|
39
|
-
inner: inputColors.error.border,
|
|
40
|
-
},
|
|
41
|
-
palette
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
case 'alert': {
|
|
45
|
-
return getPaletteColorsFromTheme(
|
|
46
|
-
{
|
|
47
|
-
outer: colors.cantaloupe600,
|
|
48
|
-
inner: inputColors.alert.border,
|
|
49
|
-
},
|
|
50
|
-
palette
|
|
51
|
-
);
|
|
52
|
-
}
|
|
53
|
-
default: {
|
|
54
|
-
return getPaletteColorsFromTheme({}, palette);
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
export const useThemedRing = (type: paletteSelection): CSSProperties => {
|
|
60
|
-
const {themeRTL, theme} = useThemeRTL();
|
|
61
|
-
|
|
62
|
-
const paletteColors = getPaletteColors(type, theme);
|
|
63
|
-
if (!(paletteColors?.outer || paletteColors?.inner)) {
|
|
64
|
-
return {};
|
|
65
|
-
}
|
|
66
|
-
const errorBoxShadow = `inset 0 0 0 ${paletteColors.outer === paletteColors.inner ? 1 : 2}px ${
|
|
67
|
-
paletteColors.inner
|
|
68
|
-
}`;
|
|
69
|
-
|
|
70
|
-
return themeRTL({
|
|
71
|
-
borderColor: paletteColors.outer,
|
|
72
|
-
transition: '100ms box-shadow',
|
|
73
|
-
boxShadow: errorBoxShadow,
|
|
74
|
-
'&:hover, &:disabled': {
|
|
75
|
-
borderColor: paletteColors.outer,
|
|
76
|
-
},
|
|
77
|
-
'&:focus:not([disabled])': {
|
|
78
|
-
borderColor: paletteColors.outer,
|
|
79
|
-
boxShadow: `${errorBoxShadow},
|
|
80
|
-
0 0 0 2px ${colors.frenchVanilla100},
|
|
81
|
-
0 0 0 4px ${theme ? theme.canvas.palette.common.focusOutline : inputColors.focusBorder}`,
|
|
82
|
-
},
|
|
83
|
-
});
|
|
84
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { EmotionCanvasTheme } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { CSSProperties } from '@workday/canvas-kit-react/tokens';
|
|
3
|
-
declare type paletteSelection = Exclude<keyof EmotionCanvasTheme['canvas']['palette'], 'common'>;
|
|
4
|
-
interface ContrastColors {
|
|
5
|
-
outer?: string;
|
|
6
|
-
inner?: string;
|
|
7
|
-
}
|
|
8
|
-
export declare function getPaletteColors(type: paletteSelection, theme?: EmotionCanvasTheme): ContrastColors;
|
|
9
|
-
export declare const useThemedRing: (type: "alert" | "error" | "primary" | "success" | "neutral") => CSSProperties;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=useThemedRing.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useThemedRing.d.ts","sourceRoot":"","sources":["../../../../../common/lib/theming/useThemedRing.ts"],"names":[],"mappings":"AACA,OAAO,EAAqB,kBAAkB,EAAC,MAAM,kCAAkC,CAAC;AACxF,OAAO,EAAS,aAAa,EAAc,MAAM,kCAAkC,CAAC;AAGpF,aAAK,gBAAgB,GAAG,OAAO,CAAC,MAAM,kBAAkB,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AACzF,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,gBAAgB,EACtB,KAAK,CAAC,EAAE,kBAAkB,GACzB,cAAc,CA0BhB;AAED,eAAO,MAAM,aAAa,gFAyBzB,CAAC"}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var useThemeRTL_1 = require("./useThemeRTL");
|
|
7
|
-
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
8
|
-
var chroma_js_1 = __importDefault(require("chroma-js"));
|
|
9
|
-
var isAccessible = function (foreground, background) {
|
|
10
|
-
if (background === void 0) { background = tokens_1.colors.frenchVanilla100; }
|
|
11
|
-
return chroma_js_1.default.contrast(foreground, background) >= 3;
|
|
12
|
-
};
|
|
13
|
-
var getPaletteColorsFromTheme = function (fallbackColors, palette) {
|
|
14
|
-
return palette
|
|
15
|
-
? {
|
|
16
|
-
outer: isAccessible(palette === null || palette === void 0 ? void 0 : palette.main) ? palette === null || palette === void 0 ? void 0 : palette.main : palette === null || palette === void 0 ? void 0 : palette.darkest,
|
|
17
|
-
inner: palette === null || palette === void 0 ? void 0 : palette.main,
|
|
18
|
-
}
|
|
19
|
-
: fallbackColors;
|
|
20
|
-
};
|
|
21
|
-
function getPaletteColors(type, theme) {
|
|
22
|
-
var palette = theme === null || theme === void 0 ? void 0 : theme.canvas.palette[type];
|
|
23
|
-
switch (type) {
|
|
24
|
-
case 'error': {
|
|
25
|
-
return getPaletteColorsFromTheme({
|
|
26
|
-
outer: tokens_1.inputColors.error.border,
|
|
27
|
-
inner: tokens_1.inputColors.error.border,
|
|
28
|
-
}, palette);
|
|
29
|
-
}
|
|
30
|
-
case 'alert': {
|
|
31
|
-
return getPaletteColorsFromTheme({
|
|
32
|
-
outer: tokens_1.colors.cantaloupe600,
|
|
33
|
-
inner: tokens_1.inputColors.alert.border,
|
|
34
|
-
}, palette);
|
|
35
|
-
}
|
|
36
|
-
default: {
|
|
37
|
-
return getPaletteColorsFromTheme({}, palette);
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
exports.getPaletteColors = getPaletteColors;
|
|
42
|
-
exports.useThemedRing = function (type) {
|
|
43
|
-
var _a = useThemeRTL_1.useThemeRTL(), themeRTL = _a.themeRTL, theme = _a.theme;
|
|
44
|
-
var paletteColors = getPaletteColors(type, theme);
|
|
45
|
-
if (!((paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.outer) || (paletteColors === null || paletteColors === void 0 ? void 0 : paletteColors.inner))) {
|
|
46
|
-
return {};
|
|
47
|
-
}
|
|
48
|
-
var errorBoxShadow = "inset 0 0 0 " + (paletteColors.outer === paletteColors.inner ? 1 : 2) + "px " + paletteColors.inner;
|
|
49
|
-
return themeRTL({
|
|
50
|
-
borderColor: paletteColors.outer,
|
|
51
|
-
transition: '100ms box-shadow',
|
|
52
|
-
boxShadow: errorBoxShadow,
|
|
53
|
-
'&:hover, &:disabled': {
|
|
54
|
-
borderColor: paletteColors.outer,
|
|
55
|
-
},
|
|
56
|
-
'&:focus:not([disabled])': {
|
|
57
|
-
borderColor: paletteColors.outer,
|
|
58
|
-
boxShadow: errorBoxShadow + ",\n 0 0 0 2px " + tokens_1.colors.frenchVanilla100 + ",\n 0 0 0 4px " + (theme ? theme.canvas.palette.common.focusOutline : tokens_1.inputColors.focusBorder),
|
|
59
|
-
},
|
|
60
|
-
});
|
|
61
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../search-form/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAC,cAAc,EAAS,MAAM,kCAAkC,CAAC;AAMxE,OAAO,EAAC,aAAa,EAAC,MAAM,wCAAwC,CAAC;AACrE,OAAO,EAAC,qBAAqB,EAAgB,WAAW,EAAC,MAAM,UAAU,CAAC;AAI1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAC;IACxD;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAuMD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,OAAO,CAAU;IAEzB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,kHAOf;IAEF,YAAY,oDAOV;IAEF,mBAAmB,aAIjB;IAEF,oBAAoB,aAIlB;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,aAIR;IAEF,SAAS,aAIP;IAEF,WAAW,aAET;IAEF,UAAU,aAER;IAEF,uBAAuB,uDAMrB;IAEF,MAAM;CAkGP"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare enum SearchTheme {
|
|
2
|
-
Light = 0,
|
|
3
|
-
Dark = 1,
|
|
4
|
-
Transparent = 2
|
|
5
|
-
}
|
|
6
|
-
export interface SearchThemeAttributes {
|
|
7
|
-
background?: string;
|
|
8
|
-
backgroundFocus?: string;
|
|
9
|
-
backgroundHover?: string;
|
|
10
|
-
color?: string;
|
|
11
|
-
colorFocus?: string;
|
|
12
|
-
placeholderColor?: string;
|
|
13
|
-
placeholderColorFocus?: string;
|
|
14
|
-
boxShadow?: string | string[];
|
|
15
|
-
boxShadowFocus?: string | string[];
|
|
16
|
-
}
|
|
17
|
-
export interface SearchThemes {
|
|
18
|
-
[key: string]: SearchThemeAttributes;
|
|
19
|
-
}
|
|
20
|
-
export declare const searchThemes: SearchThemes;
|
|
21
|
-
//# sourceMappingURL=themes.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/themes.ts"],"names":[],"mappings":"AAGA,oBAAY,WAAW;IACrB,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,WAAW,IAAA;CACZ;AACD,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CACpC;AAED,MAAM,WAAW,YAAY;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,qBAAqB,CAAC;CACtC;AAED,eAAO,MAAM,YAAY,EAAE,YA6B1B,CAAC"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var _a;
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
var common_1 = require("@workday/canvas-kit-react/common");
|
|
5
|
-
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
6
|
-
var SearchTheme;
|
|
7
|
-
(function (SearchTheme) {
|
|
8
|
-
SearchTheme[SearchTheme["Light"] = 0] = "Light";
|
|
9
|
-
SearchTheme[SearchTheme["Dark"] = 1] = "Dark";
|
|
10
|
-
SearchTheme[SearchTheme["Transparent"] = 2] = "Transparent";
|
|
11
|
-
})(SearchTheme = exports.SearchTheme || (exports.SearchTheme = {}));
|
|
12
|
-
exports.searchThemes = (_a = {},
|
|
13
|
-
_a[SearchTheme.Transparent] = {
|
|
14
|
-
background: 'rgba(0, 0, 0, 0)',
|
|
15
|
-
backgroundFocus: 'rgba(0, 0, 0, 0)',
|
|
16
|
-
color: tokens_1.colors.blackPepper300,
|
|
17
|
-
colorFocus: tokens_1.colors.blackPepper300,
|
|
18
|
-
placeholderColor: tokens_1.colors.licorice300,
|
|
19
|
-
placeholderColorFocus: tokens_1.colors.licorice300,
|
|
20
|
-
boxShadow: 'none',
|
|
21
|
-
boxShadowFocus: 'none',
|
|
22
|
-
},
|
|
23
|
-
_a[SearchTheme.Light] = {
|
|
24
|
-
background: tokens_1.colors.soap200,
|
|
25
|
-
backgroundFocus: tokens_1.colors.soap200,
|
|
26
|
-
backgroundHover: tokens_1.colors.soap300,
|
|
27
|
-
color: tokens_1.colors.blackPepper300,
|
|
28
|
-
placeholderColor: tokens_1.colors.licorice300,
|
|
29
|
-
boxShadow: 'none',
|
|
30
|
-
boxShadowFocus: common_1.focusRing().boxShadow,
|
|
31
|
-
},
|
|
32
|
-
_a[SearchTheme.Dark] = {
|
|
33
|
-
background: 'rgba(0, 0, 0, 0.2)',
|
|
34
|
-
backgroundFocus: tokens_1.colors.frenchVanilla100,
|
|
35
|
-
color: tokens_1.colors.frenchVanilla100,
|
|
36
|
-
colorFocus: tokens_1.colors.blackPepper300,
|
|
37
|
-
placeholderColor: tokens_1.colors.frenchVanilla100,
|
|
38
|
-
placeholderColorFocus: tokens_1.colors.licorice300,
|
|
39
|
-
boxShadow: 'none',
|
|
40
|
-
},
|
|
41
|
-
_a);
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './lib/TextInput';
|
|
2
|
-
export * from './lib/hooks/useTextInputModel';
|
|
3
|
-
export * from './lib/hooks/useTextInputHint';
|
|
4
|
-
export * from './lib/hooks/useTextInputField';
|
|
5
|
-
export * from './lib/hooks/useTextInputHint';
|
|
6
|
-
export * from './lib/hooks/useTextInputLabel';
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../text-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
function __export(m) {
|
|
3
|
-
for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
|
|
4
|
-
}
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
__export(require("./lib/TextInput"));
|
|
7
|
-
__export(require("./lib/hooks/useTextInputModel"));
|
|
8
|
-
__export(require("./lib/hooks/useTextInputHint"));
|
|
9
|
-
__export(require("./lib/hooks/useTextInputField"));
|
|
10
|
-
__export(require("./lib/hooks/useTextInputHint"));
|
|
11
|
-
__export(require("./lib/hooks/useTextInputLabel"));
|