@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.
Files changed (223) hide show
  1. package/common/lib/theming/index.ts +0 -1
  2. package/dist/commonjs/common/lib/theming/index.d.ts +0 -1
  3. package/dist/commonjs/common/lib/theming/index.d.ts.map +1 -1
  4. package/dist/commonjs/common/lib/theming/index.js +0 -1
  5. package/dist/commonjs/header/index.d.ts +5 -5
  6. package/dist/commonjs/header/index.d.ts.map +1 -1
  7. package/dist/commonjs/header/index.js +2 -2
  8. package/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
  9. package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +1 -1
  10. package/dist/commonjs/header/lib/GlobalHeader.js +8 -19
  11. package/dist/commonjs/header/lib/Header.d.ts +8 -17
  12. package/dist/commonjs/header/lib/Header.d.ts.map +1 -1
  13. package/dist/commonjs/header/lib/Header.js +14 -27
  14. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
  15. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
  16. package/dist/commonjs/header/lib/parts/DubLogoTitle.js +11 -22
  17. package/dist/commonjs/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
  18. package/dist/commonjs/header/lib/parts/SearchBar.d.ts.map +1 -0
  19. package/dist/commonjs/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +14 -13
  20. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
  21. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
  22. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +12 -25
  23. package/dist/commonjs/header/lib/parts/index.d.ts +3 -2
  24. package/dist/commonjs/header/lib/parts/index.d.ts.map +1 -1
  25. package/dist/commonjs/header/lib/parts/index.js +4 -2
  26. package/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
  27. package/dist/commonjs/header/lib/shared/themes.d.ts.map +1 -1
  28. package/dist/commonjs/header/lib/shared/themes.js +36 -13
  29. package/dist/commonjs/header/lib/shared/types.d.ts +8 -3
  30. package/dist/commonjs/header/lib/shared/types.d.ts.map +1 -1
  31. package/dist/commonjs/header/lib/shared/types.js +23 -17
  32. package/dist/commonjs/index.d.ts +0 -2
  33. package/dist/commonjs/index.d.ts.map +1 -1
  34. package/dist/commonjs/index.js +0 -2
  35. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +1 -1
  36. package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +1 -1
  37. package/dist/es6/common/lib/theming/index.d.ts +0 -1
  38. package/dist/es6/common/lib/theming/index.d.ts.map +1 -1
  39. package/dist/es6/common/lib/theming/index.js +0 -1
  40. package/dist/es6/header/index.d.ts +5 -5
  41. package/dist/es6/header/index.d.ts.map +1 -1
  42. package/dist/es6/header/index.js +5 -5
  43. package/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
  44. package/dist/es6/header/lib/GlobalHeader.d.ts.map +1 -1
  45. package/dist/es6/header/lib/GlobalHeader.js +11 -22
  46. package/dist/es6/header/lib/Header.d.ts +8 -17
  47. package/dist/es6/header/lib/Header.d.ts.map +1 -1
  48. package/dist/es6/header/lib/Header.js +17 -30
  49. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
  50. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +1 -1
  51. package/dist/es6/header/lib/parts/DubLogoTitle.js +12 -23
  52. package/dist/es6/{search-form/lib/SearchForm.d.ts → header/lib/parts/SearchBar.d.ts} +23 -22
  53. package/dist/es6/header/lib/parts/SearchBar.d.ts.map +1 -0
  54. package/dist/es6/{search-form/lib/SearchForm.js → header/lib/parts/SearchBar.js} +12 -11
  55. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
  56. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +1 -1
  57. package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +13 -26
  58. package/dist/es6/header/lib/parts/index.d.ts +3 -2
  59. package/dist/es6/header/lib/parts/index.d.ts.map +1 -1
  60. package/dist/es6/header/lib/parts/index.js +3 -2
  61. package/dist/es6/header/lib/shared/themes.d.ts +19 -28
  62. package/dist/es6/header/lib/shared/themes.d.ts.map +1 -1
  63. package/dist/es6/header/lib/shared/themes.js +37 -14
  64. package/dist/es6/header/lib/shared/types.d.ts +8 -3
  65. package/dist/es6/header/lib/shared/types.d.ts.map +1 -1
  66. package/dist/es6/header/lib/shared/types.js +23 -17
  67. package/dist/es6/index.d.ts +0 -2
  68. package/dist/es6/index.d.ts.map +1 -1
  69. package/dist/es6/index.js +0 -2
  70. package/dist/es6/layout/lib/utils/getValidChildren.d.ts +1 -1
  71. package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +1 -1
  72. package/header/README.md +181 -37
  73. package/header/index.ts +5 -5
  74. package/header/lib/GlobalHeader.tsx +9 -26
  75. package/header/lib/Header.tsx +26 -58
  76. package/header/lib/parts/DubLogoTitle.tsx +9 -26
  77. package/{search-form/lib/SearchForm.tsx → header/lib/parts/SearchBar.tsx} +31 -30
  78. package/header/lib/parts/WorkdayLogoTitle.tsx +11 -40
  79. package/header/lib/parts/index.ts +3 -2
  80. package/header/lib/shared/themes.tsx +56 -32
  81. package/header/lib/shared/types.tsx +9 -3
  82. package/index.ts +0 -2
  83. package/package.json +5 -7
  84. package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -1
  85. package/ts3.5/dist/commonjs/header/index.d.ts +5 -5
  86. package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +2 -11
  87. package/ts3.5/dist/commonjs/header/lib/Header.d.ts +8 -17
  88. package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +4 -13
  89. package/ts3.5/dist/{es6/search-form/lib/SearchForm.d.ts → commonjs/header/lib/parts/SearchBar.d.ts} +23 -22
  90. package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
  91. package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +3 -2
  92. package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +19 -28
  93. package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +8 -3
  94. package/ts3.5/dist/commonjs/index.d.ts +0 -2
  95. package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +1 -1
  96. package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -1
  97. package/ts3.5/dist/es6/header/index.d.ts +5 -5
  98. package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +2 -11
  99. package/ts3.5/dist/es6/header/lib/Header.d.ts +8 -17
  100. package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +4 -13
  101. package/ts3.5/dist/{commonjs/search-form/lib/SearchForm.d.ts → es6/header/lib/parts/SearchBar.d.ts} +23 -22
  102. package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +5 -14
  103. package/ts3.5/dist/es6/header/lib/parts/index.d.ts +3 -2
  104. package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +19 -28
  105. package/ts3.5/dist/es6/header/lib/shared/types.d.ts +8 -3
  106. package/ts3.5/dist/es6/index.d.ts +0 -2
  107. package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +1 -1
  108. package/common/lib/theming/useThemedRing.ts +0 -84
  109. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
  110. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +0 -1
  111. package/dist/commonjs/common/lib/theming/useThemedRing.js +0 -61
  112. package/dist/commonjs/search-form/index.d.ts +0 -3
  113. package/dist/commonjs/search-form/index.d.ts.map +0 -1
  114. package/dist/commonjs/search-form/index.js +0 -7
  115. package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +0 -1
  116. package/dist/commonjs/search-form/lib/themes.d.ts +0 -21
  117. package/dist/commonjs/search-form/lib/themes.d.ts.map +0 -1
  118. package/dist/commonjs/search-form/lib/themes.js +0 -41
  119. package/dist/commonjs/text-input/index.d.ts +0 -7
  120. package/dist/commonjs/text-input/index.d.ts.map +0 -1
  121. package/dist/commonjs/text-input/index.js +0 -11
  122. package/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
  123. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +0 -1
  124. package/dist/commonjs/text-input/lib/TextInput.js +0 -36
  125. package/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
  126. package/dist/commonjs/text-input/lib/TextInputField.d.ts.map +0 -1
  127. package/dist/commonjs/text-input/lib/TextInputField.js +0 -66
  128. package/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
  129. package/dist/commonjs/text-input/lib/TextInputHint.d.ts.map +0 -1
  130. package/dist/commonjs/text-input/lib/TextInputHint.js +0 -46
  131. package/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
  132. package/dist/commonjs/text-input/lib/TextInputLabel.d.ts.map +0 -1
  133. package/dist/commonjs/text-input/lib/TextInputLabel.js +0 -54
  134. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
  135. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  136. package/dist/commonjs/text-input/lib/hooks/useTextInputField.js +0 -16
  137. package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
  138. package/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
  139. package/dist/commonjs/text-input/lib/hooks/useTextInputHint.js +0 -12
  140. package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
  141. package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
  142. package/dist/commonjs/text-input/lib/hooks/useTextInputLabel.js +0 -12
  143. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
  144. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  145. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +0 -23
  146. package/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
  147. package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +0 -1
  148. package/dist/es6/common/lib/theming/useThemedRing.js +0 -55
  149. package/dist/es6/search-form/index.d.ts +0 -3
  150. package/dist/es6/search-form/index.d.ts.map +0 -1
  151. package/dist/es6/search-form/index.js +0 -2
  152. package/dist/es6/search-form/lib/SearchForm.d.ts.map +0 -1
  153. package/dist/es6/search-form/lib/themes.d.ts +0 -21
  154. package/dist/es6/search-form/lib/themes.d.ts.map +0 -1
  155. package/dist/es6/search-form/lib/themes.js +0 -39
  156. package/dist/es6/text-input/index.d.ts +0 -7
  157. package/dist/es6/text-input/index.d.ts.map +0 -1
  158. package/dist/es6/text-input/index.js +0 -6
  159. package/dist/es6/text-input/lib/TextInput.d.ts +0 -21
  160. package/dist/es6/text-input/lib/TextInput.d.ts.map +0 -1
  161. package/dist/es6/text-input/lib/TextInput.js +0 -31
  162. package/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
  163. package/dist/es6/text-input/lib/TextInputField.d.ts.map +0 -1
  164. package/dist/es6/text-input/lib/TextInputField.js +0 -64
  165. package/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
  166. package/dist/es6/text-input/lib/TextInputHint.d.ts.map +0 -1
  167. package/dist/es6/text-input/lib/TextInputHint.js +0 -44
  168. package/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
  169. package/dist/es6/text-input/lib/TextInputLabel.d.ts.map +0 -1
  170. package/dist/es6/text-input/lib/TextInputLabel.js +0 -52
  171. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
  172. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts.map +0 -1
  173. package/dist/es6/text-input/lib/hooks/useTextInputField.js +0 -14
  174. package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
  175. package/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts.map +0 -1
  176. package/dist/es6/text-input/lib/hooks/useTextInputHint.js +0 -10
  177. package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
  178. package/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts.map +0 -1
  179. package/dist/es6/text-input/lib/hooks/useTextInputLabel.js +0 -10
  180. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
  181. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +0 -1
  182. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +0 -21
  183. package/search-form/LICENSE +0 -52
  184. package/search-form/README.md +0 -6
  185. package/search-form/index.ts +0 -2
  186. package/search-form/lib/themes.ts +0 -54
  187. package/search-form/package.json +0 -5
  188. package/text-input/LICENSE +0 -52
  189. package/text-input/README.md +0 -11
  190. package/text-input/index.ts +0 -6
  191. package/text-input/lib/TextInput.tsx +0 -34
  192. package/text-input/lib/TextInputField.tsx +0 -75
  193. package/text-input/lib/TextInputHint.tsx +0 -52
  194. package/text-input/lib/TextInputLabel.tsx +0 -74
  195. package/text-input/lib/hooks/useTextInputField.tsx +0 -15
  196. package/text-input/lib/hooks/useTextInputHint.tsx +0 -11
  197. package/text-input/lib/hooks/useTextInputLabel.tsx +0 -11
  198. package/text-input/lib/hooks/useTextInputModel.tsx +0 -45
  199. package/text-input/package.json +0 -5
  200. package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
  201. package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
  202. package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
  203. package/ts3.5/dist/commonjs/text-input/index.d.ts +0 -7
  204. package/ts3.5/dist/commonjs/text-input/lib/TextInput.d.ts +0 -21
  205. package/ts3.5/dist/commonjs/text-input/lib/TextInputField.d.ts +0 -8
  206. package/ts3.5/dist/commonjs/text-input/lib/TextInputHint.d.ts +0 -13
  207. package/ts3.5/dist/commonjs/text-input/lib/TextInputLabel.d.ts +0 -17
  208. package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +0 -19
  209. package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
  210. package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
  211. package/ts3.5/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +0 -17
  212. package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
  213. package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
  214. package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
  215. package/ts3.5/dist/es6/text-input/index.d.ts +0 -7
  216. package/ts3.5/dist/es6/text-input/lib/TextInput.d.ts +0 -21
  217. package/ts3.5/dist/es6/text-input/lib/TextInputField.d.ts +0 -8
  218. package/ts3.5/dist/es6/text-input/lib/TextInputHint.d.ts +0 -13
  219. package/ts3.5/dist/es6/text-input/lib/TextInputLabel.d.ts +0 -17
  220. package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +0 -19
  221. package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputHint.d.ts +0 -15
  222. package/ts3.5/dist/es6/text-input/lib/hooks/useTextInputLabel.d.ts +0 -15
  223. 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 { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from './shared/types';
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 DeprecatedHeaderTheme.White
10
+ * @default HeaderTheme.White
11
11
  */
12
- themeColor?: DeprecatedHeaderTheme;
12
+ themeColor?: HeaderTheme;
13
13
  /**
14
14
  * The variant of the Header. Accepts `Dub` (small) or `Full` (large).
15
- * @default DeprecatedHeaderVariant.Dub
15
+ * @default HeaderVariant.Dub
16
16
  */
17
- variant?: DeprecatedHeaderVariant;
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 SearchForm component.
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 DeprecatedHeaderTheme;
59
- static Variant: typeof DeprecatedHeaderVariant;
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 { DeprecatedHeaderTheme } from '../shared/types';
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 DeprecatedHeaderTheme.White
6
+ * @default HeaderTheme.White
7
7
  */
8
- themeColor?: DeprecatedHeaderTheme;
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
@@ -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, SearchTheme } from './themes';
5
- export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
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 SearchForm form is submitted. The current input value is passed to the callback function.
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 SearchForm text input into a toggle icon. Useful for responsive layouts.
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 SearchForm text input changes.
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 SearchForm. This array of menu items is shown under the search bar.
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 SearchForm text input.
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 SearchForm text input.
34
+ * The initial value of the SearchBar text input.
34
35
  */
35
36
  initialValue?: string;
36
37
  /**
37
- * If true, right-align the SearchForm. If false, the text input should grow to left-align the SearchForm.
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 SearchForm text input.
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 SearchForm submit button.
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 SearchForm clear button.
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 SearchForm.
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 SearchForm.
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 SearchForm with a button to clear the text input.
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 Form in pixels
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 SearchFormState {
78
+ export interface SearchBarState {
78
79
  showForm: boolean;
79
80
  searchQuery: string;
80
81
  isFocused: boolean;
81
82
  }
82
- export declare class SearchForm extends React.Component<SearchFormProps, SearchFormState> {
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<SearchFormState>;
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: SearchFormProps, prevState: SearchFormState): void;
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=SearchForm.d.ts.map
103
+ //# sourceMappingURL=SearchBar.d.ts.map
@@ -1,11 +1,11 @@
1
1
  import * as React from 'react';
2
- import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
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 DeprecatedHeaderTheme.White
6
+ * @default HeaderTheme.White
7
7
  */
8
- themeColor?: DeprecatedHeaderTheme;
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?: DeprecatedHeaderVariant;
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 { DeprecatedDubLogoTitle } from './DubLogoTitle';
2
- export { DeprecatedWorkdayLogoTitle } from './WorkdayLogoTitle';
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
- * ### Deprecated Header Themes Interface
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
- * ### Deprecated Header Themes
36
- *
37
- * As of Canvas Kit v6, this theme object is being soft-deprecated along with the rest of the labs/header package.
38
- * It will be hard-deprecated (completely removed) in v7. Please see the
39
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
40
- * for more information.
41
- */
42
- export declare const deprecatedHeaderThemes: DeprecatedHeaderThemes;
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 DeprecatedHeaderTheme {
1
+ export declare enum HeaderTheme {
2
2
  White = 0,
3
3
  Blue = 1,
4
4
  Transparent = 2
5
5
  }
6
- export declare enum DeprecatedHeaderVariant {
6
+ export declare enum HeaderVariant {
7
7
  Dub = 0,
8
8
  Full = 1,
9
9
  Global = 2
10
10
  }
11
- export declare enum DeprecatedHeaderHeight {
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
@@ -3,6 +3,4 @@ export * from './common';
3
3
  export * from './drawer';
4
4
  export * from './header';
5
5
  export * from './layout';
6
- export * from './text-input';
7
- export * from './search-form';
8
6
  //# sourceMappingURL=index.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,3 +0,0 @@
1
- export * from './lib/SearchForm';
2
- export * from './lib/themes';
3
- //# sourceMappingURL=index.d.ts.map
@@ -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,7 +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/SearchForm"));
7
- __export(require("./lib/themes"));
@@ -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"));