@workday/canvas-kit-labs-react 7.0.0-alpha.0-next.1 → 7.0.0-alpha.0-next.6

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 (185) hide show
  1. package/combobox/lib/Combobox.tsx +5 -3
  2. package/common/README.md +10 -4
  3. package/common/lib/Box.tsx +26 -4
  4. package/common/lib/theming/useThemedRing.ts +9 -5
  5. package/common/lib/utils/other.ts +20 -0
  6. package/dist/commonjs/combobox/index.js +12 -4
  7. package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +1 -1
  8. package/dist/commonjs/combobox/lib/AutocompleteList.js +19 -7
  9. package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
  10. package/dist/commonjs/combobox/lib/Combobox.js +27 -12
  11. package/dist/commonjs/combobox/lib/Status.d.ts.map +1 -1
  12. package/dist/commonjs/combobox/lib/Status.js +14 -2
  13. package/dist/commonjs/common/index.js +15 -7
  14. package/dist/commonjs/common/lib/Box.d.ts +3 -2
  15. package/dist/commonjs/common/lib/Box.d.ts.map +1 -1
  16. package/dist/commonjs/common/lib/Box.js +31 -9
  17. package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
  18. package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js +3 -1
  19. package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
  20. package/dist/commonjs/common/lib/storybook-utils/permutateProps.js +3 -1
  21. package/dist/commonjs/common/lib/theming/index.js +12 -5
  22. package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  23. package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -0
  24. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
  25. package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
  26. package/dist/commonjs/common/lib/theming/useThemedRing.js +8 -2
  27. package/dist/commonjs/common/lib/utils/border.js +1 -0
  28. package/dist/commonjs/common/lib/utils/color.js +1 -0
  29. package/dist/commonjs/common/lib/utils/depth.js +1 -0
  30. package/dist/commonjs/common/lib/utils/flexItem.js +1 -0
  31. package/dist/commonjs/common/lib/utils/layout.js +1 -0
  32. package/dist/commonjs/common/lib/utils/other.d.ts +5 -0
  33. package/dist/commonjs/common/lib/utils/other.d.ts.map +1 -0
  34. package/dist/commonjs/common/lib/utils/other.js +19 -0
  35. package/dist/commonjs/common/lib/utils/position.js +1 -0
  36. package/dist/commonjs/common/lib/utils/space.js +1 -0
  37. package/dist/commonjs/drawer/index.js +12 -4
  38. package/dist/commonjs/drawer/lib/Drawer.js +21 -8
  39. package/dist/commonjs/drawer/lib/DrawerHeader.js +20 -8
  40. package/dist/commonjs/index.d.ts +0 -1
  41. package/dist/commonjs/index.d.ts.map +1 -1
  42. package/dist/commonjs/index.js +15 -9
  43. package/dist/commonjs/layout/index.js +12 -5
  44. package/dist/commonjs/layout/lib/Flex.d.ts +1 -1
  45. package/dist/commonjs/layout/lib/Flex.d.ts.map +1 -1
  46. package/dist/commonjs/layout/lib/Flex.js +20 -7
  47. package/dist/commonjs/layout/lib/Stack.d.ts +8 -8
  48. package/dist/commonjs/layout/lib/Stack.d.ts.map +1 -1
  49. package/dist/commonjs/layout/lib/Stack.js +26 -13
  50. package/dist/commonjs/layout/lib/utils/flex.js +1 -0
  51. package/dist/commonjs/layout/lib/utils/getValidChildren.js +15 -2
  52. package/dist/commonjs/layout/lib/utils/stack.js +1 -0
  53. package/dist/commonjs/search-form/index.js +12 -5
  54. package/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
  55. package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
  56. package/dist/commonjs/search-form/lib/SearchForm.js +21 -8
  57. package/dist/commonjs/search-form/lib/themes.d.ts.map +1 -1
  58. package/dist/commonjs/search-form/lib/themes.js +1 -0
  59. package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +1 -1
  60. package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
  61. package/dist/es6/combobox/lib/Combobox.js +1 -1
  62. package/dist/es6/combobox/lib/Status.d.ts.map +1 -1
  63. package/dist/es6/common/lib/Box.d.ts +3 -2
  64. package/dist/es6/common/lib/Box.d.ts.map +1 -1
  65. package/dist/es6/common/lib/Box.js +12 -3
  66. package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
  67. package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
  68. package/dist/es6/common/lib/storybook-utils/propTypes.js +1 -0
  69. package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
  70. package/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
  71. package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
  72. package/dist/es6/common/lib/theming/useThemedRing.js +5 -1
  73. package/dist/es6/common/lib/utils/other.d.ts +5 -0
  74. package/dist/es6/common/lib/utils/other.d.ts.map +1 -0
  75. package/dist/es6/common/lib/utils/other.js +15 -0
  76. package/dist/es6/common/lib/utils/types.js +1 -0
  77. package/dist/es6/drawer/lib/Drawer.js +1 -1
  78. package/dist/es6/drawer/lib/DrawerHeader.js +1 -1
  79. package/dist/es6/index.d.ts +0 -1
  80. package/dist/es6/index.d.ts.map +1 -1
  81. package/dist/es6/index.js +0 -1
  82. package/dist/es6/layout/lib/Flex.d.ts +1 -1
  83. package/dist/es6/layout/lib/Flex.d.ts.map +1 -1
  84. package/dist/es6/layout/lib/Stack.d.ts +8 -8
  85. package/dist/es6/layout/lib/Stack.d.ts.map +1 -1
  86. package/dist/es6/layout/lib/Stack.js +6 -6
  87. package/dist/es6/layout/lib/utils/types.js +1 -0
  88. package/dist/es6/search-form/lib/SearchForm.d.ts +3 -2
  89. package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
  90. package/dist/es6/search-form/lib/SearchForm.js +1 -1
  91. package/dist/es6/search-form/lib/themes.d.ts.map +1 -1
  92. package/index.ts +0 -1
  93. package/layout/lib/Stack.tsx +10 -26
  94. package/package.json +7 -7
  95. package/search-form/lib/SearchForm.tsx +3 -3
  96. package/search-form/lib/themes.ts +2 -1
  97. package/ts3.5/dist/commonjs/common/lib/Box.d.ts +3 -2
  98. package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
  99. package/ts3.5/dist/commonjs/common/lib/utils/other.d.ts +5 -0
  100. package/ts3.5/dist/commonjs/index.d.ts +0 -1
  101. package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +1 -1
  102. package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +8 -8
  103. package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
  104. package/ts3.5/dist/es6/common/lib/Box.d.ts +3 -2
  105. package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
  106. package/ts3.5/dist/es6/common/lib/utils/other.d.ts +5 -0
  107. package/ts3.5/dist/es6/index.d.ts +0 -1
  108. package/ts3.5/dist/es6/layout/lib/Flex.d.ts +1 -1
  109. package/ts3.5/dist/es6/layout/lib/Stack.d.ts +8 -8
  110. package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +3 -2
  111. package/dist/commonjs/header/index.d.ts +0 -9
  112. package/dist/commonjs/header/index.d.ts.map +0 -1
  113. package/dist/commonjs/header/index.js +0 -16
  114. package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  115. package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
  116. package/dist/commonjs/header/lib/GlobalHeader.js +0 -74
  117. package/dist/commonjs/header/lib/Header.d.ts +0 -76
  118. package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
  119. package/dist/commonjs/header/lib/Header.js +0 -321
  120. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  121. package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  122. package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -105
  123. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  124. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  125. package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -124
  126. package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  127. package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
  128. package/dist/commonjs/header/lib/parts/index.js +0 -6
  129. package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  130. package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
  131. package/dist/commonjs/header/lib/shared/themes.js +0 -62
  132. package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  133. package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
  134. package/dist/commonjs/header/lib/shared/types.js +0 -19
  135. package/dist/es6/header/index.d.ts +0 -9
  136. package/dist/es6/header/index.d.ts.map +0 -1
  137. package/dist/es6/header/index.js +0 -8
  138. package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  139. package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
  140. package/dist/es6/header/lib/GlobalHeader.js +0 -62
  141. package/dist/es6/header/lib/Header.d.ts +0 -76
  142. package/dist/es6/header/lib/Header.d.ts.map +0 -1
  143. package/dist/es6/header/lib/Header.js +0 -309
  144. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  145. package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
  146. package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
  147. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  148. package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
  149. package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
  150. package/dist/es6/header/lib/parts/index.d.ts +0 -3
  151. package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
  152. package/dist/es6/header/lib/parts/index.js +0 -2
  153. package/dist/es6/header/lib/shared/themes.d.ts +0 -43
  154. package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
  155. package/dist/es6/header/lib/shared/themes.js +0 -57
  156. package/dist/es6/header/lib/shared/types.d.ts +0 -15
  157. package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
  158. package/dist/es6/header/lib/shared/types.js +0 -17
  159. package/header/LICENSE +0 -51
  160. package/header/README.md +0 -359
  161. package/header/index.ts +0 -9
  162. package/header/lib/GlobalHeader.tsx +0 -73
  163. package/header/lib/Header.tsx +0 -429
  164. package/header/lib/parts/DubLogoTitle.tsx +0 -99
  165. package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
  166. package/header/lib/parts/index.ts +0 -2
  167. package/header/lib/shared/themes.tsx +0 -97
  168. package/header/lib/shared/types.tsx +0 -16
  169. package/header/package.json +0 -5
  170. package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
  171. package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
  172. package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
  173. package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
  174. package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  175. package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
  176. package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
  177. package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
  178. package/ts3.5/dist/es6/header/index.d.ts +0 -9
  179. package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
  180. package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
  181. package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
  182. package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
  183. package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
  184. package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
  185. package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import {CSSObject} from '@emotion/core';
2
+ import {CSSObject} from '@emotion/styled';
3
3
  import {colors, space, spaceNumbers} from '@workday/canvas-kit-react/tokens';
4
4
  import {GrowthBehavior, styled, generateUniqueId} from '@workday/canvas-kit-react/common';
5
5
  import {IconButton, IconButtonProps} from '@workday/canvas-kit-react/button';
@@ -8,7 +8,7 @@ import {FormField, FormFieldLabelPosition} from '@workday/canvas-kit-react/form-
8
8
  import {Combobox} from '@workday/canvas-kit-labs-react/combobox';
9
9
  import {TextInput} from '@workday/canvas-kit-react/text-input';
10
10
  import {MenuItemProps} from '@workday/canvas-kit-preview-react/menu';
11
- import {SearchThemeAttributes, searchThemes, SearchTheme} from './themes';
11
+ import {searchThemes, SearchTheme, SearchThemeAttributes} from './themes';
12
12
  import chroma from 'chroma-js';
13
13
 
14
14
  export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
@@ -325,7 +325,7 @@ export class SearchForm extends React.Component<SearchFormProps, SearchFormState
325
325
  if (this.props.isCollapsed && this.state.showForm) {
326
326
  background = formCollapsedBackground;
327
327
  }
328
- const isDarkBackground = chroma(background).get('lab.l') < 70;
328
+ const isDarkBackground = chroma(background as string).get('lab.l') < 70;
329
329
  return isDarkBackground ? 'inverse' : 'plain';
330
330
  };
331
331
 
@@ -6,6 +6,7 @@ export enum SearchTheme {
6
6
  Dark,
7
7
  Transparent,
8
8
  }
9
+
9
10
  export interface SearchThemeAttributes {
10
11
  background?: string;
11
12
  backgroundFocus?: string;
@@ -40,7 +41,7 @@ export const searchThemes: SearchThemes = {
40
41
  color: colors.blackPepper300,
41
42
  placeholderColor: colors.licorice300,
42
43
  boxShadow: 'none',
43
- boxShadowFocus: focusRing().boxShadow,
44
+ boxShadowFocus: focusRing().boxShadow as SearchThemeAttributes['boxShadowFocus'],
44
45
  },
45
46
  [SearchTheme.Dark]: {
46
47
  background: 'rgba(0, 0, 0, 0.2)',
@@ -4,9 +4,10 @@ import { ColorStyleProps } from './utils/color';
4
4
  import { DepthStyleProps } from './utils/depth';
5
5
  import { FlexItemStyleProps } from './utils/flexItem';
6
6
  import { LayoutStyleProps } from './utils/layout';
7
+ import { OtherStyleProps } from './utils/other';
7
8
  import { PositionStyleProps } from './utils/position';
8
9
  import { SpaceStyleProps } from './utils/space';
9
- export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & PositionStyleProps & SpaceStyleProps & {
10
+ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
10
11
  children?: React.ReactNode;
11
12
  };
12
13
  /**
@@ -26,5 +27,5 @@ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStylePr
26
27
  * );
27
28
  *
28
29
  */
29
- export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
30
+ export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
30
31
  //# sourceMappingURL=Box.d.ts.map
@@ -6,6 +6,6 @@ interface ContrastColors {
6
6
  inner?: string;
7
7
  }
8
8
  export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
9
- export declare const useThemedRing: (type: "alert" | "error" | "primary" | "success" | "neutral") => CSSProperties;
9
+ export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
10
10
  export {};
11
11
  //# sourceMappingURL=useThemedRing.d.ts.map
@@ -0,0 +1,5 @@
1
+ export declare type OtherStyleProps = {
2
+ animation?: string;
3
+ };
4
+ export declare function other<P extends OtherStyleProps>(props: P): {};
5
+ //# sourceMappingURL=other.d.ts.map
@@ -1,7 +1,6 @@
1
1
  export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './drawer';
4
- export * from './header';
5
4
  export * from './layout';
6
5
  export * from './search-form';
7
6
  //# sourceMappingURL=index.d.ts.map
@@ -22,5 +22,5 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
22
22
  * );
23
23
  *
24
24
  */
25
- export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
25
+ export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
26
26
  //# sourceMappingURL=Flex.d.ts.map
@@ -1,27 +1,27 @@
1
1
  import { FlexProps } from './Flex';
2
2
  import { StackStyleProps } from './utils/stack';
3
3
  export declare type StackProps = FlexProps & StackStyleProps;
4
- export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
4
+ export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
6
6
  };
7
- export declare type HStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
7
+ export interface HStackProps extends StackProps {
8
8
  /**
9
9
  * sets the direction for the stack
10
10
  * @default "row"
11
11
  * */
12
12
  flexDirection?: 'row' | 'row-reverse';
13
- };
13
+ }
14
14
  export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
15
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
15
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
16
16
  };
17
- export declare type VStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
17
+ export interface VStackProps extends StackProps {
18
18
  /**
19
19
  * sets the direction for the stack
20
20
  * @default "column"
21
21
  * */
22
22
  flexDirection?: 'column' | 'column-reverse';
23
- };
23
+ }
24
24
  export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
25
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
25
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
26
26
  };
27
27
  //# sourceMappingURL=Stack.d.ts.map
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
+ import { IconButtonProps } from '@workday/canvas-kit-react/button';
3
4
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { SearchThemeAttributes, SearchTheme } from './themes';
5
+ import { SearchTheme, SearchThemeAttributes } from './themes';
5
6
  export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
6
7
  /**
7
8
  * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
@@ -87,7 +88,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
87
88
  state: Readonly<SearchFormState>;
88
89
  private getTheme;
89
90
  private getThemeColors;
90
- getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
91
+ getIconButtonType: () => IconButtonProps['variant'];
91
92
  handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
92
93
  openCollapsedSearch: () => void;
93
94
  closeCollapsedSearch: () => void;
@@ -4,9 +4,10 @@ import { ColorStyleProps } from './utils/color';
4
4
  import { DepthStyleProps } from './utils/depth';
5
5
  import { FlexItemStyleProps } from './utils/flexItem';
6
6
  import { LayoutStyleProps } from './utils/layout';
7
+ import { OtherStyleProps } from './utils/other';
7
8
  import { PositionStyleProps } from './utils/position';
8
9
  import { SpaceStyleProps } from './utils/space';
9
- export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & PositionStyleProps & SpaceStyleProps & {
10
+ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & PositionStyleProps & SpaceStyleProps & {
10
11
  children?: React.ReactNode;
11
12
  };
12
13
  /**
@@ -26,5 +27,5 @@ export declare type BoxProps = BorderStyleProps & ColorStyleProps & DepthStylePr
26
27
  * );
27
28
  *
28
29
  */
29
- export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
30
+ export declare const Box: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("./utils/border").BorderShorthandStyleProps & import("./utils/border").BorderColorStyleProps & import("./utils/border").BorderRadiusStyleProps & import("./utils/border").BorderLineStyleProps & import("./utils/border").BorderWidthStyleProps & import("./utils/border").BorderLogicalStyleProps & ColorStyleProps & DepthStyleProps & FlexItemStyleProps & LayoutStyleProps & OtherStyleProps & import("./utils/position").PositionStandardProps & import("./utils/position").PositionLogicalProps & import("./utils/space").SpaceStandardProps & import("./utils/space").SpaceLogicalProps>;
30
31
  //# sourceMappingURL=Box.d.ts.map
@@ -6,6 +6,6 @@ interface ContrastColors {
6
6
  inner?: string;
7
7
  }
8
8
  export declare function getPaletteColors(type: paletteSelection, theme: EmotionCanvasTheme): ContrastColors;
9
- export declare const useThemedRing: (type: "alert" | "error" | "primary" | "success" | "neutral") => CSSProperties;
9
+ export declare const useThemedRing: (type: paletteSelection) => CSSProperties;
10
10
  export {};
11
11
  //# sourceMappingURL=useThemedRing.d.ts.map
@@ -0,0 +1,5 @@
1
+ export declare type OtherStyleProps = {
2
+ animation?: string;
3
+ };
4
+ export declare function other<P extends OtherStyleProps>(props: P): {};
5
+ //# sourceMappingURL=other.d.ts.map
@@ -1,7 +1,6 @@
1
1
  export * from './combobox';
2
2
  export * from './common';
3
3
  export * from './drawer';
4
- export * from './header';
5
4
  export * from './layout';
6
5
  export * from './search-form';
7
6
  //# sourceMappingURL=index.d.ts.map
@@ -22,5 +22,5 @@ export declare type FlexProps = BoxProps & FlexStyleProps;
22
22
  * );
23
23
  *
24
24
  */
25
- export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
25
+ export declare const Flex: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & FlexStyleProps>;
26
26
  //# sourceMappingURL=Flex.d.ts.map
@@ -1,27 +1,27 @@
1
1
  import { FlexProps } from './Flex';
2
2
  import { StackStyleProps } from './utils/stack';
3
3
  export declare type StackProps = FlexProps & StackStyleProps;
4
- export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
4
+ export declare const Stack: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps & import("..").FlexStyleProps & StackStyleProps> & {
5
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
6
6
  };
7
- export declare type HStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
7
+ export interface HStackProps extends StackProps {
8
8
  /**
9
9
  * sets the direction for the stack
10
10
  * @default "row"
11
11
  * */
12
12
  flexDirection?: 'row' | 'row-reverse';
13
- };
13
+ }
14
14
  export declare const HStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", HStackProps> & {
15
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
15
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
16
16
  };
17
- export declare type VStackProps = Pick<StackProps, Exclude<keyof StackProps, 'flexDirection'>> & {
17
+ export interface VStackProps extends StackProps {
18
18
  /**
19
19
  * sets the direction for the stack
20
20
  * @default "column"
21
21
  * */
22
22
  flexDirection?: 'column' | 'column-reverse';
23
- };
23
+ }
24
24
  export declare const VStack: import("@workday/canvas-kit-react/common").ElementComponent<"div", VStackProps> & {
25
- Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
25
+ Item: import("@workday/canvas-kit-react/common").ElementComponent<"div", import("../../common/lib/utils/border").BorderShorthandStyleProps & import("../../common/lib/utils/border").BorderColorStyleProps & import("../../common/lib/utils/border").BorderRadiusStyleProps & import("../../common/lib/utils/border").BorderLineStyleProps & import("../../common/lib/utils/border").BorderWidthStyleProps & import("../../common/lib/utils/border").BorderLogicalStyleProps & import("../../common").ColorStyleProps & import("../../common").DepthStyleProps & import("../../common").FlexItemStyleProps & import("../../common").LayoutStyleProps & import("../../common/lib/utils/other").OtherStyleProps & import("../../common/lib/utils/position").PositionStandardProps & import("../../common/lib/utils/position").PositionLogicalProps & import("../../common/lib/utils/space").SpaceStandardProps & import("../../common/lib/utils/space").SpaceLogicalProps>;
26
26
  };
27
27
  //# sourceMappingURL=Stack.d.ts.map
@@ -1,7 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { GrowthBehavior } from '@workday/canvas-kit-react/common';
3
+ import { IconButtonProps } from '@workday/canvas-kit-react/button';
3
4
  import { MenuItemProps } from '@workday/canvas-kit-preview-react/menu';
4
- import { SearchThemeAttributes, SearchTheme } from './themes';
5
+ import { SearchTheme, SearchThemeAttributes } from './themes';
5
6
  export interface SearchFormProps extends GrowthBehavior, React.FormHTMLAttributes<HTMLFormElement> {
6
7
  /**
7
8
  * The function called when the SearchForm form is submitted. The current input value is passed to the callback function.
@@ -87,7 +88,7 @@ export declare class SearchForm extends React.Component<SearchFormProps, SearchF
87
88
  state: Readonly<SearchFormState>;
88
89
  private getTheme;
89
90
  private getThemeColors;
90
- getIconButtonType: () => "circle" | "square" | "inverse" | "squareFilled" | "plain" | "circleFilled" | "inverseFilled" | undefined;
91
+ getIconButtonType: () => IconButtonProps['variant'];
91
92
  handleSubmit: (event: React.FormEvent<HTMLFormElement>) => void;
92
93
  openCollapsedSearch: () => void;
93
94
  closeCollapsedSearch: () => void;
@@ -1,9 +0,0 @@
1
- import DeprecatedHeader from './lib/Header';
2
- import DeprecatedGlobalHeader from './lib/GlobalHeader';
3
- export default DeprecatedHeader;
4
- export { DeprecatedHeader };
5
- export { DeprecatedGlobalHeader };
6
- export * from './lib/parts';
7
- export * from './lib/shared/themes';
8
- export * from './lib/shared/types';
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../header/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,cAAc,CAAC;AAC5C,OAAO,sBAAsB,MAAM,oBAAoB,CAAC;AAExD,eAAe,gBAAgB,CAAC;AAChC,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,OAAO,EAAC,sBAAsB,EAAC,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC"}
@@ -1,16 +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
- var __importDefault = (this && this.__importDefault) || function (mod) {
6
- return (mod && mod.__esModule) ? mod : { "default": mod };
7
- };
8
- Object.defineProperty(exports, "__esModule", { value: true });
9
- var Header_1 = __importDefault(require("./lib/Header"));
10
- exports.DeprecatedHeader = Header_1.default;
11
- var GlobalHeader_1 = __importDefault(require("./lib/GlobalHeader"));
12
- exports.DeprecatedGlobalHeader = GlobalHeader_1.default;
13
- exports.default = Header_1.default;
14
- __export(require("./lib/parts"));
15
- __export(require("./lib/shared/themes"));
16
- __export(require("./lib/shared/types"));
@@ -1,38 +0,0 @@
1
- import * as React from 'react';
2
- export interface GlobalHeaderProps {
3
- /**
4
- * The custom brand node of the GlobalHeader. This React node replaces the dub logo and title.
5
- * @default DubLogoTitle
6
- */
7
- brand?: React.ReactNode;
8
- /**
9
- * The custom menu toggle node of the GlobalHeader. This React node replaces the default menu toggle.
10
- */
11
- menuToggle?: React.ReactNode;
12
- /**
13
- * The function called when the responsive menu icon is clicked.
14
- */
15
- onMenuClick?: (e: React.MouseEvent) => void;
16
- /**
17
- * If true, render the GlobalHeader in collapsed mode.
18
- * @default false
19
- */
20
- isCollapsed?: boolean;
21
- /**
22
- * The React element to render in the left slot of the GlobalHeader. This is typically a SearchForm component.
23
- */
24
- leftSlot?: React.ReactElement;
25
- }
26
- /**
27
- * ### Deprecated Global Header
28
- *
29
- * As of Canvas Kit v6, this component is being soft-deprecated.
30
- * It will be hard-deprecated (completely removed) in v7. Please see the
31
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
32
- * for more information.
33
- */
34
- export default class DeprecatedGlobalHeader extends React.Component<GlobalHeaderProps> {
35
- componentDidMount(): void;
36
- render(): JSX.Element;
37
- }
38
- //# sourceMappingURL=GlobalHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"GlobalHeader.d.ts","sourceRoot":"","sources":["../../../../header/lib/GlobalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC/B;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACpF,iBAAiB;IASV,MAAM;CAwBd"}
@@ -1,74 +0,0 @@
1
- "use strict";
2
- var __extends = (this && this.__extends) || (function () {
3
- var extendStatics = function (d, b) {
4
- extendStatics = Object.setPrototypeOf ||
5
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
7
- return extendStatics(d, b);
8
- };
9
- return function (d, b) {
10
- extendStatics(d, b);
11
- function __() { this.constructor = d; }
12
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
13
- };
14
- })();
15
- var __assign = (this && this.__assign) || function () {
16
- __assign = Object.assign || function(t) {
17
- for (var s, i = 1, n = arguments.length; i < n; i++) {
18
- s = arguments[i];
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
20
- t[p] = s[p];
21
- }
22
- return t;
23
- };
24
- return __assign.apply(this, arguments);
25
- };
26
- var __rest = (this && this.__rest) || function (s, e) {
27
- var t = {};
28
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
29
- t[p] = s[p];
30
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
31
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
32
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
33
- t[p[i]] = s[p[i]];
34
- }
35
- return t;
36
- };
37
- var __importStar = (this && this.__importStar) || function (mod) {
38
- if (mod && mod.__esModule) return mod;
39
- var result = {};
40
- if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
41
- result["default"] = mod;
42
- return result;
43
- };
44
- var __importDefault = (this && this.__importDefault) || function (mod) {
45
- return (mod && mod.__esModule) ? mod : { "default": mod };
46
- };
47
- Object.defineProperty(exports, "__esModule", { value: true });
48
- var React = __importStar(require("react"));
49
- var Header_1 = __importDefault(require("./Header"));
50
- var types_1 = require("./shared/types");
51
- var parts_1 = require("./parts");
52
- /**
53
- * ### Deprecated Global Header
54
- *
55
- * As of Canvas Kit v6, this component is being soft-deprecated.
56
- * It will be hard-deprecated (completely removed) in v7. Please see the
57
- * [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
58
- * for more information.
59
- */
60
- var DeprecatedGlobalHeader = /** @class */ (function (_super) {
61
- __extends(DeprecatedGlobalHeader, _super);
62
- function DeprecatedGlobalHeader() {
63
- return _super !== null && _super.apply(this, arguments) || this;
64
- }
65
- DeprecatedGlobalHeader.prototype.componentDidMount = function () {
66
- console.warn("GlobalHeader is being deprecated and will be removed in Canvas Kit V7.\n\n For more information, please see the V6 migration guide:\n\n https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page\n ");
67
- };
68
- DeprecatedGlobalHeader.prototype.render = function () {
69
- var _a = this.props, _b = _a.brand, brand = _b === void 0 ? React.createElement(parts_1.DeprecatedDubLogoTitle, null) : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick, isCollapsed = _a.isCollapsed, leftSlot = _a.leftSlot, children = _a.children, elemProps = __rest(_a, ["brand", "menuToggle", "onMenuClick", "isCollapsed", "leftSlot", "children"]);
70
- return (React.createElement(Header_1.default, __assign({ brand: brand, menuToggle: menuToggle, leftSlot: leftSlot, onMenuClick: onMenuClick, variant: types_1.DeprecatedHeaderVariant.Global, isCollapsed: isCollapsed }, elemProps), children));
71
- };
72
- return DeprecatedGlobalHeader;
73
- }(React.Component));
74
- exports.default = DeprecatedGlobalHeader;
@@ -1,76 +0,0 @@
1
- import * as React from 'react';
2
- import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from './shared/types';
3
- export interface HeaderProps extends React.HTMLAttributes<HTMLDivElement> {
4
- /**
5
- * The custom menu toggle node of the Header. This React node replaces the default menu toggle.
6
- */
7
- menuToggle?: React.ReactNode;
8
- /**
9
- * The theme of the Header. Accepts `White`, `Blue`, or `Transparent`.
10
- * @default DeprecatedHeaderTheme.White
11
- */
12
- themeColor?: DeprecatedHeaderTheme;
13
- /**
14
- * The variant of the Header. Accepts `Dub` (small) or `Full` (large).
15
- * @default DeprecatedHeaderVariant.Dub
16
- */
17
- variant?: DeprecatedHeaderVariant;
18
- /**
19
- * The text of the Header title. Not used if `brand` is provided.
20
- */
21
- title?: string;
22
- /**
23
- * The custom brand node of the Header. This React node replaces the dub logo and title.
24
- */
25
- brand?: React.ReactNode;
26
- /**
27
- * The url of the Header logo link.
28
- */
29
- brandUrl?: string;
30
- /**
31
- * If true, center the Header navigation. If false, right-align the Header navigation.
32
- * @default false
33
- */
34
- centeredNav?: boolean;
35
- /**
36
- * The function called when the responsive menu icon is clicked.
37
- */
38
- onMenuClick?: (e: React.MouseEvent) => void;
39
- /**
40
- * The React element to render in the left slot of the Header. This is typically a SearchForm component.
41
- */
42
- leftSlot?: React.ReactElement;
43
- /**
44
- * If true, render the Header in collapsed mode.
45
- * @default false
46
- */
47
- isCollapsed?: boolean;
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
- export default class Header extends React.Component<HeaderProps, {}> {
58
- static Theme: typeof DeprecatedHeaderTheme;
59
- static Variant: typeof DeprecatedHeaderVariant;
60
- componentDidMount(): void;
61
- /**
62
- * Helper that recursively maps ReactNodes to their theme-based equivalent.
63
- * Any children that are included in a Header may need to undergo transformation
64
- * before stamped out in render().
65
- *
66
- * E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
67
- * props set based on the theme.
68
- *
69
- * @param children From props.children of a React component
70
- *
71
- * @returns {React.ReactNode} The child/children to be rendered
72
- */
73
- private renderChildren;
74
- render(): JSX.Element;
75
- }
76
- //# sourceMappingURL=Header.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../../header/lib/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,gBAAgB,CAAC;AAMxB,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA4ND;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,EAAE,CAAC;IAClE,MAAM,CAAC,KAAK,+BAAyB;IACrC,MAAM,CAAC,OAAO,iCAA2B;IAEzC,iBAAiB;IASjB;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,cAAc;IAwDtB,MAAM;CA0DP"}