@workday/canvas-kit-labs-react 6.8.9 → 6.9.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/combobox/README.md +1 -1
- package/combobox/lib/Combobox.tsx +12 -14
- package/common/README.md +10 -4
- package/common/index.ts +0 -8
- package/dist/commonjs/combobox/index.js +12 -4
- package/dist/commonjs/combobox/lib/AutocompleteList.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/AutocompleteList.js +19 -7
- package/dist/commonjs/combobox/lib/Combobox.d.ts +3 -4
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Combobox.js +31 -19
- package/dist/commonjs/combobox/lib/Status.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Status.js +14 -2
- package/dist/commonjs/common/index.d.ts +0 -8
- package/dist/commonjs/common/index.d.ts.map +1 -1
- package/dist/commonjs/common/index.js +14 -7
- package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
- package/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.js +3 -1
- package/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
- package/dist/commonjs/common/lib/storybook-utils/permutateProps.js +3 -1
- package/dist/commonjs/common/lib/theming/index.js +12 -5
- package/dist/commonjs/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemeRTL.js +1 -0
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts +1 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/commonjs/common/lib/theming/useThemedRing.js +3 -1
- package/dist/commonjs/drawer/index.js +12 -4
- package/dist/commonjs/drawer/lib/Drawer.js +21 -8
- package/dist/commonjs/drawer/lib/DrawerHeader.js +22 -10
- package/dist/commonjs/index.d.ts +0 -2
- package/dist/commonjs/index.d.ts.map +1 -1
- package/dist/commonjs/index.js +14 -9
- package/dist/commonjs/search-form/index.js +12 -5
- package/dist/commonjs/search-form/lib/SearchForm.d.ts +3 -2
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/SearchForm.js +35 -28
- package/dist/commonjs/search-form/lib/themes.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/themes.js +1 -0
- package/dist/es6/combobox/lib/AutocompleteList.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.d.ts +3 -4
- package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.js +6 -9
- package/dist/es6/combobox/lib/Status.d.ts.map +1 -1
- package/dist/es6/common/index.d.ts +0 -8
- package/dist/es6/common/index.d.ts.map +1 -1
- package/dist/es6/common/index.js +0 -1
- package/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts.map +1 -1
- package/dist/es6/common/lib/storybook-utils/permutateProps.d.ts.map +1 -1
- package/dist/es6/common/lib/storybook-utils/propTypes.js +1 -0
- package/dist/es6/common/lib/theming/useThemeRTL.d.ts.map +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.d.ts +1 -1
- package/dist/es6/common/lib/theming/useThemedRing.d.ts.map +1 -1
- package/dist/es6/drawer/lib/Drawer.js +1 -1
- package/dist/es6/drawer/lib/DrawerHeader.js +4 -4
- package/dist/es6/index.d.ts +0 -2
- package/dist/es6/index.d.ts.map +1 -1
- package/dist/es6/index.js +0 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts +3 -2
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/es6/search-form/lib/SearchForm.js +16 -22
- package/dist/es6/search-form/lib/themes.d.ts.map +1 -1
- package/drawer/lib/DrawerHeader.tsx +3 -3
- package/index.ts +0 -2
- package/package.json +12 -22
- package/search-form/lib/SearchForm.tsx +21 -39
- package/search-form/lib/themes.ts +2 -1
- package/common/lib/Box.tsx +0 -87
- package/common/lib/utils/border.ts +0 -263
- package/common/lib/utils/color.ts +0 -62
- package/common/lib/utils/depth.ts +0 -37
- package/common/lib/utils/flexItem.ts +0 -56
- package/common/lib/utils/layout.ts +0 -77
- package/common/lib/utils/position.ts +0 -96
- package/common/lib/utils/space.ts +0 -207
- package/common/lib/utils/types.ts +0 -105
- package/dist/commonjs/common/lib/Box.d.ts +0 -30
- package/dist/commonjs/common/lib/Box.d.ts.map +0 -1
- package/dist/commonjs/common/lib/Box.js +0 -85
- package/dist/commonjs/common/lib/utils/border.d.ts +0 -103
- package/dist/commonjs/common/lib/utils/border.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/border.js +0 -152
- package/dist/commonjs/common/lib/utils/color.d.ts +0 -26
- package/dist/commonjs/common/lib/utils/color.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/color.js +0 -56
- package/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
- package/dist/commonjs/common/lib/utils/depth.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/depth.js +0 -28
- package/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
- package/dist/commonjs/common/lib/utils/flexItem.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/flexItem.js +0 -38
- package/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
- package/dist/commonjs/common/lib/utils/layout.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/layout.js +0 -42
- package/dist/commonjs/common/lib/utils/position.d.ts +0 -41
- package/dist/commonjs/common/lib/utils/position.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/position.js +0 -77
- package/dist/commonjs/common/lib/utils/space.d.ts +0 -64
- package/dist/commonjs/common/lib/utils/space.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/space.js +0 -160
- package/dist/commonjs/common/lib/utils/types.d.ts +0 -14
- package/dist/commonjs/common/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/common/lib/utils/types.js +0 -2
- package/dist/commonjs/header/index.d.ts +0 -9
- package/dist/commonjs/header/index.d.ts.map +0 -1
- package/dist/commonjs/header/index.js +0 -16
- package/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
- package/dist/commonjs/header/lib/GlobalHeader.d.ts.map +0 -1
- package/dist/commonjs/header/lib/GlobalHeader.js +0 -74
- package/dist/commonjs/header/lib/Header.d.ts +0 -76
- package/dist/commonjs/header/lib/Header.d.ts.map +0 -1
- package/dist/commonjs/header/lib/Header.js +0 -321
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/DubLogoTitle.js +0 -105
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/WorkdayLogoTitle.js +0 -124
- package/dist/commonjs/header/lib/parts/index.d.ts +0 -3
- package/dist/commonjs/header/lib/parts/index.d.ts.map +0 -1
- package/dist/commonjs/header/lib/parts/index.js +0 -6
- package/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
- package/dist/commonjs/header/lib/shared/themes.d.ts.map +0 -1
- package/dist/commonjs/header/lib/shared/themes.js +0 -62
- package/dist/commonjs/header/lib/shared/types.d.ts +0 -15
- package/dist/commonjs/header/lib/shared/types.d.ts.map +0 -1
- package/dist/commonjs/header/lib/shared/types.js +0 -19
- package/dist/commonjs/layout/index.d.ts +0 -5
- package/dist/commonjs/layout/index.d.ts.map +0 -1
- package/dist/commonjs/layout/index.js +0 -7
- package/dist/commonjs/layout/lib/Flex.d.ts +0 -26
- package/dist/commonjs/layout/lib/Flex.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/Flex.js +0 -70
- package/dist/commonjs/layout/lib/Stack.d.ts +0 -27
- package/dist/commonjs/layout/lib/Stack.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/Stack.js +0 -86
- package/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
- package/dist/commonjs/layout/lib/utils/flex.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/flex.js +0 -37
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/dist/commonjs/layout/lib/utils/getValidChildren.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/getValidChildren.js +0 -16
- package/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
- package/dist/commonjs/layout/lib/utils/stack.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/stack.js +0 -54
- package/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
- package/dist/commonjs/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/commonjs/layout/lib/utils/types.js +0 -2
- package/dist/es6/common/lib/Box.d.ts +0 -30
- package/dist/es6/common/lib/Box.d.ts.map +0 -1
- package/dist/es6/common/lib/Box.js +0 -73
- package/dist/es6/common/lib/utils/border.d.ts +0 -103
- package/dist/es6/common/lib/utils/border.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/border.js +0 -149
- package/dist/es6/common/lib/utils/color.d.ts +0 -26
- package/dist/es6/common/lib/utils/color.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/color.js +0 -53
- package/dist/es6/common/lib/utils/depth.d.ts +0 -22
- package/dist/es6/common/lib/utils/depth.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/depth.js +0 -25
- package/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
- package/dist/es6/common/lib/utils/flexItem.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/flexItem.js +0 -35
- package/dist/es6/common/lib/utils/layout.d.ts +0 -43
- package/dist/es6/common/lib/utils/layout.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/layout.js +0 -39
- package/dist/es6/common/lib/utils/position.d.ts +0 -41
- package/dist/es6/common/lib/utils/position.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/position.js +0 -74
- package/dist/es6/common/lib/utils/space.d.ts +0 -64
- package/dist/es6/common/lib/utils/space.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/space.js +0 -157
- package/dist/es6/common/lib/utils/types.d.ts +0 -14
- package/dist/es6/common/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/common/lib/utils/types.js +0 -0
- package/dist/es6/header/index.d.ts +0 -9
- package/dist/es6/header/index.d.ts.map +0 -1
- package/dist/es6/header/index.js +0 -8
- package/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
- package/dist/es6/header/lib/GlobalHeader.d.ts.map +0 -1
- package/dist/es6/header/lib/GlobalHeader.js +0 -62
- package/dist/es6/header/lib/Header.d.ts +0 -76
- package/dist/es6/header/lib/Header.d.ts.map +0 -1
- package/dist/es6/header/lib/Header.js +0 -309
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/dist/es6/header/lib/parts/DubLogoTitle.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/DubLogoTitle.js +0 -93
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/WorkdayLogoTitle.js +0 -112
- package/dist/es6/header/lib/parts/index.d.ts +0 -3
- package/dist/es6/header/lib/parts/index.d.ts.map +0 -1
- package/dist/es6/header/lib/parts/index.js +0 -2
- package/dist/es6/header/lib/shared/themes.d.ts +0 -43
- package/dist/es6/header/lib/shared/themes.d.ts.map +0 -1
- package/dist/es6/header/lib/shared/themes.js +0 -57
- package/dist/es6/header/lib/shared/types.d.ts +0 -15
- package/dist/es6/header/lib/shared/types.d.ts.map +0 -1
- package/dist/es6/header/lib/shared/types.js +0 -17
- package/dist/es6/layout/index.d.ts +0 -5
- package/dist/es6/layout/index.d.ts.map +0 -1
- package/dist/es6/layout/index.js +0 -2
- package/dist/es6/layout/lib/Flex.d.ts +0 -26
- package/dist/es6/layout/lib/Flex.d.ts.map +0 -1
- package/dist/es6/layout/lib/Flex.js +0 -58
- package/dist/es6/layout/lib/Stack.d.ts +0 -27
- package/dist/es6/layout/lib/Stack.d.ts.map +0 -1
- package/dist/es6/layout/lib/Stack.js +0 -74
- package/dist/es6/layout/lib/utils/flex.d.ts +0 -36
- package/dist/es6/layout/lib/utils/flex.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/flex.js +0 -34
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/dist/es6/layout/lib/utils/getValidChildren.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/getValidChildren.js +0 -6
- package/dist/es6/layout/lib/utils/stack.d.ts +0 -26
- package/dist/es6/layout/lib/utils/stack.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/stack.js +0 -51
- package/dist/es6/layout/lib/utils/types.d.ts +0 -8
- package/dist/es6/layout/lib/utils/types.d.ts.map +0 -1
- package/dist/es6/layout/lib/utils/types.js +0 -0
- package/header/LICENSE +0 -51
- package/header/README.md +0 -359
- package/header/index.ts +0 -9
- package/header/lib/GlobalHeader.tsx +0 -73
- package/header/lib/Header.tsx +0 -429
- package/header/lib/parts/DubLogoTitle.tsx +0 -99
- package/header/lib/parts/WorkdayLogoTitle.tsx +0 -120
- package/header/lib/parts/index.ts +0 -2
- package/header/lib/shared/themes.tsx +0 -97
- package/header/lib/shared/types.tsx +0 -16
- package/header/package.json +0 -5
- package/layout/LICENSE +0 -52
- package/layout/README.md +0 -16
- package/layout/index.ts +0 -4
- package/layout/lib/Flex.tsx +0 -47
- package/layout/lib/Stack.tsx +0 -113
- package/layout/lib/utils/flex.ts +0 -65
- package/layout/lib/utils/getValidChildren.ts +0 -7
- package/layout/lib/utils/stack.ts +0 -78
- package/layout/lib/utils/types.ts +0 -45
- package/layout/package.json +0 -5
- package/ts3.5/dist/commonjs/combobox/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/combobox/lib/AutocompleteList.d.ts +0 -32
- package/ts3.5/dist/commonjs/combobox/lib/Combobox.d.ts +0 -64
- package/ts3.5/dist/commonjs/combobox/lib/Status.d.ts +0 -11
- package/ts3.5/dist/commonjs/common/index.d.ts +0 -12
- package/ts3.5/dist/commonjs/common/lib/Box.d.ts +0 -30
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/permutateProps.d.ts +0 -5
- package/ts3.5/dist/commonjs/common/lib/storybook-utils/propTypes.d.ts +0 -15
- package/ts3.5/dist/commonjs/common/lib/theming/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/common/lib/theming/useThemeRTL.d.ts +0 -36
- package/ts3.5/dist/commonjs/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/commonjs/common/lib/utils/border.d.ts +0 -103
- package/ts3.5/dist/commonjs/common/lib/utils/color.d.ts +0 -26
- package/ts3.5/dist/commonjs/common/lib/utils/depth.d.ts +0 -22
- package/ts3.5/dist/commonjs/common/lib/utils/flexItem.d.ts +0 -33
- package/ts3.5/dist/commonjs/common/lib/utils/layout.d.ts +0 -43
- package/ts3.5/dist/commonjs/common/lib/utils/position.d.ts +0 -41
- package/ts3.5/dist/commonjs/common/lib/utils/space.d.ts +0 -64
- package/ts3.5/dist/commonjs/common/lib/utils/types.d.ts +0 -14
- package/ts3.5/dist/commonjs/drawer/index.d.ts +0 -6
- package/ts3.5/dist/commonjs/drawer/lib/Drawer.d.ts +0 -49
- package/ts3.5/dist/commonjs/drawer/lib/DrawerHeader.d.ts +0 -38
- package/ts3.5/dist/commonjs/header/index.d.ts +0 -9
- package/ts3.5/dist/commonjs/header/lib/GlobalHeader.d.ts +0 -38
- package/ts3.5/dist/commonjs/header/lib/Header.d.ts +0 -76
- package/ts3.5/dist/commonjs/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/ts3.5/dist/commonjs/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/ts3.5/dist/commonjs/header/lib/parts/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/header/lib/shared/themes.d.ts +0 -43
- package/ts3.5/dist/commonjs/header/lib/shared/types.d.ts +0 -15
- package/ts3.5/dist/commonjs/index.d.ts +0 -7
- package/ts3.5/dist/commonjs/layout/index.d.ts +0 -5
- package/ts3.5/dist/commonjs/layout/lib/Flex.d.ts +0 -26
- package/ts3.5/dist/commonjs/layout/lib/Stack.d.ts +0 -27
- package/ts3.5/dist/commonjs/layout/lib/utils/flex.d.ts +0 -36
- package/ts3.5/dist/commonjs/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/ts3.5/dist/commonjs/layout/lib/utils/stack.d.ts +0 -26
- package/ts3.5/dist/commonjs/layout/lib/utils/types.d.ts +0 -8
- package/ts3.5/dist/commonjs/search-form/index.d.ts +0 -3
- package/ts3.5/dist/commonjs/search-form/lib/SearchForm.d.ts +0 -107
- package/ts3.5/dist/commonjs/search-form/lib/themes.d.ts +0 -21
- package/ts3.5/dist/es6/combobox/index.d.ts +0 -5
- package/ts3.5/dist/es6/combobox/lib/AutocompleteList.d.ts +0 -32
- package/ts3.5/dist/es6/combobox/lib/Combobox.d.ts +0 -64
- package/ts3.5/dist/es6/combobox/lib/Status.d.ts +0 -11
- package/ts3.5/dist/es6/common/index.d.ts +0 -12
- package/ts3.5/dist/es6/common/lib/Box.d.ts +0 -30
- package/ts3.5/dist/es6/common/lib/storybook-utils/ComponentStatesTable.d.ts +0 -26
- package/ts3.5/dist/es6/common/lib/storybook-utils/permutateProps.d.ts +0 -5
- package/ts3.5/dist/es6/common/lib/storybook-utils/propTypes.d.ts +0 -15
- package/ts3.5/dist/es6/common/lib/theming/index.d.ts +0 -3
- package/ts3.5/dist/es6/common/lib/theming/useThemeRTL.d.ts +0 -36
- package/ts3.5/dist/es6/common/lib/theming/useThemedRing.d.ts +0 -11
- package/ts3.5/dist/es6/common/lib/utils/border.d.ts +0 -103
- package/ts3.5/dist/es6/common/lib/utils/color.d.ts +0 -26
- package/ts3.5/dist/es6/common/lib/utils/depth.d.ts +0 -22
- package/ts3.5/dist/es6/common/lib/utils/flexItem.d.ts +0 -33
- package/ts3.5/dist/es6/common/lib/utils/layout.d.ts +0 -43
- package/ts3.5/dist/es6/common/lib/utils/position.d.ts +0 -41
- package/ts3.5/dist/es6/common/lib/utils/space.d.ts +0 -64
- package/ts3.5/dist/es6/common/lib/utils/types.d.ts +0 -14
- package/ts3.5/dist/es6/drawer/index.d.ts +0 -6
- package/ts3.5/dist/es6/drawer/lib/Drawer.d.ts +0 -49
- package/ts3.5/dist/es6/drawer/lib/DrawerHeader.d.ts +0 -38
- package/ts3.5/dist/es6/header/index.d.ts +0 -9
- package/ts3.5/dist/es6/header/lib/GlobalHeader.d.ts +0 -38
- package/ts3.5/dist/es6/header/lib/Header.d.ts +0 -76
- package/ts3.5/dist/es6/header/lib/parts/DubLogoTitle.d.ts +0 -30
- package/ts3.5/dist/es6/header/lib/parts/WorkdayLogoTitle.d.ts +0 -31
- package/ts3.5/dist/es6/header/lib/parts/index.d.ts +0 -3
- package/ts3.5/dist/es6/header/lib/shared/themes.d.ts +0 -43
- package/ts3.5/dist/es6/header/lib/shared/types.d.ts +0 -15
- package/ts3.5/dist/es6/index.d.ts +0 -7
- package/ts3.5/dist/es6/layout/index.d.ts +0 -5
- package/ts3.5/dist/es6/layout/lib/Flex.d.ts +0 -26
- package/ts3.5/dist/es6/layout/lib/Stack.d.ts +0 -27
- package/ts3.5/dist/es6/layout/lib/utils/flex.d.ts +0 -36
- package/ts3.5/dist/es6/layout/lib/utils/getValidChildren.d.ts +0 -3
- package/ts3.5/dist/es6/layout/lib/utils/stack.d.ts +0 -26
- package/ts3.5/dist/es6/layout/lib/utils/types.d.ts +0 -8
- package/ts3.5/dist/es6/search-form/index.d.ts +0 -3
- package/ts3.5/dist/es6/search-form/lib/SearchForm.d.ts +0 -107
- package/ts3.5/dist/es6/search-form/lib/themes.d.ts +0 -21
|
@@ -1,309 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
|
15
|
-
__assign = Object.assign || function(t) {
|
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
17
|
-
s = arguments[i];
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
return __assign.apply(this, arguments);
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
|
-
import * as React from 'react';
|
|
37
|
-
import { css } from '@emotion/core';
|
|
38
|
-
import styled from '@emotion/styled';
|
|
39
|
-
import { borderRadius, space, type } from '@workday/canvas-kit-react/tokens';
|
|
40
|
-
import { DeprecatedDubLogoTitle, DeprecatedWorkdayLogoTitle } from './parts';
|
|
41
|
-
import { deprecatedHeaderThemes } from './shared/themes';
|
|
42
|
-
import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from './shared/types';
|
|
43
|
-
import { Hyperlink, IconButton } from '@workday/canvas-kit-react/button';
|
|
44
|
-
import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
45
|
-
import { justifyIcon } from '@workday/canvas-system-icons-web';
|
|
46
|
-
var childrenSpacing = space.s;
|
|
47
|
-
var HeaderShell = styled('div')(__assign(__assign({ display: 'flex', alignItems: 'center', boxSizing: 'border-box' }, type.levels.subtext.large), { WebkitFontSmoothing: 'antialiased', MozOsxFontSmoothing: 'grayscale', position: 'relative' }), function (_a) {
|
|
48
|
-
var variant = _a.variant, themeColor = _a.themeColor;
|
|
49
|
-
return (__assign(__assign({
|
|
50
|
-
// Only the variant Full has a large header, all the other one (Dub, Global) have a small header height
|
|
51
|
-
height: variant === DeprecatedHeaderVariant.Full
|
|
52
|
-
? DeprecatedHeaderHeight.Large
|
|
53
|
-
: DeprecatedHeaderHeight.Small, background: deprecatedHeaderThemes[themeColor].background }, deprecatedHeaderThemes[themeColor].depth), { color: deprecatedHeaderThemes[themeColor].color }));
|
|
54
|
-
});
|
|
55
|
-
var BrandSlot = styled('div')({
|
|
56
|
-
height: '100%',
|
|
57
|
-
}, function (props) { return ({
|
|
58
|
-
flex: props.grow ? "1 0 auto" : 'unset',
|
|
59
|
-
}); });
|
|
60
|
-
var BrandLink = styled(Hyperlink)({
|
|
61
|
-
'&:hover': {
|
|
62
|
-
textDecoration: 'none',
|
|
63
|
-
},
|
|
64
|
-
'&:focus': {
|
|
65
|
-
textDecoration: 'none',
|
|
66
|
-
},
|
|
67
|
-
});
|
|
68
|
-
var navStyle = function (_a) {
|
|
69
|
-
var themeColor = _a.themeColor;
|
|
70
|
-
var theme = deprecatedHeaderThemes[themeColor];
|
|
71
|
-
return css({
|
|
72
|
-
nav: {
|
|
73
|
-
display: 'flex',
|
|
74
|
-
flex: "1 0 auto",
|
|
75
|
-
justifyContent: 'center',
|
|
76
|
-
height: 'inherit',
|
|
77
|
-
marginLeft: space.xl,
|
|
78
|
-
'& ul': {
|
|
79
|
-
color: theme.linkColor,
|
|
80
|
-
display: 'flex',
|
|
81
|
-
alignItems: 'center',
|
|
82
|
-
justifyContent: 'center',
|
|
83
|
-
listStyleType: 'none',
|
|
84
|
-
padding: 0,
|
|
85
|
-
margin: 0,
|
|
86
|
-
height: 'inherit',
|
|
87
|
-
'&:hover': {
|
|
88
|
-
// De-emphasizes all color on hover, this allows us to create an illusion that hovering over a specific element
|
|
89
|
-
// fades out the rest
|
|
90
|
-
color: theme.linkFadeOutColor,
|
|
91
|
-
},
|
|
92
|
-
'& li': {
|
|
93
|
-
boxSizing: 'border-box',
|
|
94
|
-
position: 'relative',
|
|
95
|
-
display: 'flex',
|
|
96
|
-
alignItems: 'center',
|
|
97
|
-
fontSize: '14px',
|
|
98
|
-
fontWeight: 700,
|
|
99
|
-
height: 'inherit',
|
|
100
|
-
transition: "color 150ms ease-out 0s",
|
|
101
|
-
cursor: 'pointer',
|
|
102
|
-
'&:first-of-type > *': {
|
|
103
|
-
marginLeft: 0,
|
|
104
|
-
},
|
|
105
|
-
'&:last-child > *': {
|
|
106
|
-
marginRight: 0,
|
|
107
|
-
},
|
|
108
|
-
'& > *': {
|
|
109
|
-
color: 'inherit',
|
|
110
|
-
textDecoration: 'none',
|
|
111
|
-
padding: "0px " + space.s,
|
|
112
|
-
margin: "0 " + space.xxxs,
|
|
113
|
-
display: 'flex',
|
|
114
|
-
alignItems: 'center',
|
|
115
|
-
height: 'inherit',
|
|
116
|
-
'&:visited': {
|
|
117
|
-
color: 'inherit',
|
|
118
|
-
},
|
|
119
|
-
},
|
|
120
|
-
'&:hover, &:active': {
|
|
121
|
-
color: theme.linkColor,
|
|
122
|
-
},
|
|
123
|
-
'&.current': {
|
|
124
|
-
color: theme.currentLinkColor,
|
|
125
|
-
'& a': {
|
|
126
|
-
cursor: 'default',
|
|
127
|
-
},
|
|
128
|
-
'&:hover, &:active': {
|
|
129
|
-
color: theme.currentLinkColor,
|
|
130
|
-
},
|
|
131
|
-
'&:after': {
|
|
132
|
-
position: 'absolute',
|
|
133
|
-
bottom: 0,
|
|
134
|
-
left: 0,
|
|
135
|
-
content: "''",
|
|
136
|
-
height: 4,
|
|
137
|
-
width: '100%',
|
|
138
|
-
backgroundColor: theme.chipColor,
|
|
139
|
-
borderRadius: borderRadius.m + " " + borderRadius.m + " 0 0",
|
|
140
|
-
},
|
|
141
|
-
},
|
|
142
|
-
},
|
|
143
|
-
},
|
|
144
|
-
},
|
|
145
|
-
});
|
|
146
|
-
};
|
|
147
|
-
var ChildrenSlot = styled('div')({
|
|
148
|
-
marginRight: space.m,
|
|
149
|
-
// TODO: remove this when we get real icon buttons
|
|
150
|
-
'> .canvas-header--menu-icon': {
|
|
151
|
-
cursor: 'pointer',
|
|
152
|
-
},
|
|
153
|
-
display: 'flex',
|
|
154
|
-
alignItems: 'center',
|
|
155
|
-
justifyContent: 'flex-end',
|
|
156
|
-
height: '100%',
|
|
157
|
-
'> *': {
|
|
158
|
-
marginLeft: childrenSpacing,
|
|
159
|
-
},
|
|
160
|
-
}, function (_a) {
|
|
161
|
-
var centeredNav = _a.centeredNav, isCollapsed = _a.isCollapsed;
|
|
162
|
-
return ({
|
|
163
|
-
'> *:not(.canvas-header--menu-icon)': {
|
|
164
|
-
display: isCollapsed ? 'none' : 'flex',
|
|
165
|
-
},
|
|
166
|
-
'> *:last-child': {
|
|
167
|
-
marginRight: isCollapsed ? '' : 0,
|
|
168
|
-
},
|
|
169
|
-
flex: !isCollapsed && centeredNav ? "1 0 auto" : 'unset',
|
|
170
|
-
});
|
|
171
|
-
}, navStyle);
|
|
172
|
-
var Brand = /** @class */ (function (_super) {
|
|
173
|
-
__extends(Brand, _super);
|
|
174
|
-
function Brand() {
|
|
175
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
176
|
-
}
|
|
177
|
-
Brand.prototype.render = function () {
|
|
178
|
-
var _a = this.props, _b = _a.variant, variant = _b === void 0 ? DeprecatedHeaderVariant.Dub : _b, brand = _a.brand, _c = _a.themeColor, themeColor = _c === void 0 ? DeprecatedHeaderTheme.White : _c, title = _a.title;
|
|
179
|
-
switch (variant) {
|
|
180
|
-
case DeprecatedHeaderVariant.Global: {
|
|
181
|
-
return React.createElement("span", null, brand);
|
|
182
|
-
}
|
|
183
|
-
case DeprecatedHeaderVariant.Full: {
|
|
184
|
-
return (React.createElement("span", null, brand || (React.createElement(DeprecatedWorkdayLogoTitle, { title: title ? title : '', themeColor: themeColor }))));
|
|
185
|
-
}
|
|
186
|
-
// DeprecatedHeaderVariant.Dub is default
|
|
187
|
-
default: {
|
|
188
|
-
return (React.createElement("span", null, brand || React.createElement(DeprecatedDubLogoTitle, { title: title ? title : '', themeColor: themeColor })));
|
|
189
|
-
}
|
|
190
|
-
}
|
|
191
|
-
};
|
|
192
|
-
return Brand;
|
|
193
|
-
}(React.Component));
|
|
194
|
-
var MenuIconButton = /** @class */ (function (_super) {
|
|
195
|
-
__extends(MenuIconButton, _super);
|
|
196
|
-
function MenuIconButton() {
|
|
197
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
198
|
-
}
|
|
199
|
-
MenuIconButton.prototype.render = function () {
|
|
200
|
-
var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, menuToggle = _a.menuToggle, onMenuClick = _a.onMenuClick;
|
|
201
|
-
if (menuToggle) {
|
|
202
|
-
var menuToggleElement = menuToggle;
|
|
203
|
-
var onClick = menuToggleElement.props.onClick
|
|
204
|
-
? menuToggleElement.props.onClick
|
|
205
|
-
: onMenuClick;
|
|
206
|
-
return React.cloneElement(menuToggleElement, {
|
|
207
|
-
onClick: onClick,
|
|
208
|
-
className: 'canvas-header--menu-icon',
|
|
209
|
-
});
|
|
210
|
-
}
|
|
211
|
-
return (React.createElement(IconButton, { variant: themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse', icon: justifyIcon, className: 'canvas-header--menu-icon', "aria-label": "Open Menu", onClick: onMenuClick }));
|
|
212
|
-
};
|
|
213
|
-
return MenuIconButton;
|
|
214
|
-
}(React.Component));
|
|
215
|
-
/**
|
|
216
|
-
* ### Deprecated Header
|
|
217
|
-
*
|
|
218
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
219
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
220
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
221
|
-
* for more information.
|
|
222
|
-
*/
|
|
223
|
-
var Header = /** @class */ (function (_super) {
|
|
224
|
-
__extends(Header, _super);
|
|
225
|
-
function Header() {
|
|
226
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
227
|
-
}
|
|
228
|
-
Header.prototype.componentDidMount = function () {
|
|
229
|
-
console.warn("Header 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 ");
|
|
230
|
-
};
|
|
231
|
-
/**
|
|
232
|
-
* Helper that recursively maps ReactNodes to their theme-based equivalent.
|
|
233
|
-
* Any children that are included in a Header may need to undergo transformation
|
|
234
|
-
* before stamped out in render().
|
|
235
|
-
*
|
|
236
|
-
* E.g. <SystemIcon> components need to have the appropriate `color` and `colorHover`
|
|
237
|
-
* props set based on the theme.
|
|
238
|
-
*
|
|
239
|
-
* @param children From props.children of a React component
|
|
240
|
-
*
|
|
241
|
-
* @returns {React.ReactNode} The child/children to be rendered
|
|
242
|
-
*/
|
|
243
|
-
Header.prototype.renderChildren = function (children) {
|
|
244
|
-
var _this = this;
|
|
245
|
-
return React.Children.map(children, function (child) {
|
|
246
|
-
if (!React.isValidElement(child)) {
|
|
247
|
-
return child;
|
|
248
|
-
}
|
|
249
|
-
var propsChildren = child.props.children;
|
|
250
|
-
var singleChild = React.Children.count(propsChildren) === 1 && propsChildren;
|
|
251
|
-
var iconButtonVariant = _this.props.themeColor === DeprecatedHeaderTheme.White ? 'circle' : 'inverse';
|
|
252
|
-
// Convert old method of SystemIcon into IconButton. If SystemIcon is within a link, make sure it's passed through
|
|
253
|
-
if (child.type === 'a' && singleChild && singleChild.type === SystemIcon) {
|
|
254
|
-
var href_1 = child.props.href;
|
|
255
|
-
var iconButtonProps = {
|
|
256
|
-
onClick: function () {
|
|
257
|
-
if (href_1) {
|
|
258
|
-
window.location.href = href_1;
|
|
259
|
-
}
|
|
260
|
-
},
|
|
261
|
-
variant: iconButtonVariant,
|
|
262
|
-
icon: singleChild.props.icon,
|
|
263
|
-
};
|
|
264
|
-
return React.createElement(IconButton, __assign({}, iconButtonProps, { "aria-label": "" }));
|
|
265
|
-
}
|
|
266
|
-
// If child has children, render them
|
|
267
|
-
if (React.Children.count(propsChildren)) {
|
|
268
|
-
return React.cloneElement(child, {
|
|
269
|
-
children: _this.renderChildren(propsChildren),
|
|
270
|
-
});
|
|
271
|
-
}
|
|
272
|
-
// Convert old method of SystemIcon into IconButton
|
|
273
|
-
if (child.type === SystemIcon) {
|
|
274
|
-
var icon = child.props.icon;
|
|
275
|
-
return React.createElement(IconButton, { variant: iconButtonVariant, icon: icon, "aria-label": icon.name });
|
|
276
|
-
}
|
|
277
|
-
// Plain icon buttons have negative margin that we need to negate.
|
|
278
|
-
if (child.type === IconButton && child.props.variant === 'plain') {
|
|
279
|
-
return React.cloneElement(child, {
|
|
280
|
-
style: { margin: "0 0 0 " + childrenSpacing },
|
|
281
|
-
});
|
|
282
|
-
}
|
|
283
|
-
return child;
|
|
284
|
-
});
|
|
285
|
-
};
|
|
286
|
-
Header.prototype.render = function () {
|
|
287
|
-
var _a = this.props, menuToggle = _a.menuToggle, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, _c = _a.variant, variant = _c === void 0 ? DeprecatedHeaderVariant.Dub : _c, centeredNav = _a.centeredNav, title = _a.title, brand = _a.brand, brandUrl = _a.brandUrl, onMenuClick = _a.onMenuClick, leftSlot = _a.leftSlot, isCollapsed = _a.isCollapsed, children = _a.children, elemProps = __rest(_a, ["menuToggle", "themeColor", "variant", "centeredNav", "title", "brand", "brandUrl", "onMenuClick", "leftSlot", "isCollapsed", "children"]);
|
|
288
|
-
/* Push everything to the right if:
|
|
289
|
-
- on tablet and mobile screens
|
|
290
|
-
- Search isn't enabled and the nav shouldn't be centered
|
|
291
|
-
- Search is enabled, and there aren't any children
|
|
292
|
-
*/
|
|
293
|
-
var growBrand = isCollapsed || (!leftSlot && !centeredNav) || (leftSlot && !children);
|
|
294
|
-
// Ignore centeredNav if search is enabled
|
|
295
|
-
var shouldCenteredNav = leftSlot ? false : centeredNav;
|
|
296
|
-
return (React.createElement(HeaderShell, __assign({ variant: variant, themeColor: themeColor }, elemProps),
|
|
297
|
-
React.createElement(BrandSlot, { grow: growBrand }, brandUrl ? (React.createElement(BrandLink, { href: brandUrl },
|
|
298
|
-
React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))) : (React.createElement(Brand, { variant: variant, brand: brand, title: title, themeColor: themeColor }))),
|
|
299
|
-
leftSlot,
|
|
300
|
-
React.createElement(ChildrenSlot, { themeColor: themeColor, centeredNav: shouldCenteredNav, isCollapsed: isCollapsed }, isCollapsed ? (
|
|
301
|
-
// Screen size is smaller than our largest breakpoint so turn nav into a hamburger
|
|
302
|
-
// TODO: This needs to get changed to IconButton when we get it restyled for headers
|
|
303
|
-
React.createElement(MenuIconButton, { themeColor: themeColor, menuToggle: menuToggle, onMenuClick: onMenuClick })) : (this.renderChildren(children)))));
|
|
304
|
-
};
|
|
305
|
-
Header.Theme = DeprecatedHeaderTheme;
|
|
306
|
-
Header.Variant = DeprecatedHeaderVariant;
|
|
307
|
-
return Header;
|
|
308
|
-
}(React.Component));
|
|
309
|
-
export default Header;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DeprecatedHeaderTheme } from '../shared/types';
|
|
3
|
-
export declare type DubTitleProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The theme of the DubLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
|
|
6
|
-
* @default DeprecatedHeaderTheme.White
|
|
7
|
-
*/
|
|
8
|
-
themeColor?: DeprecatedHeaderTheme;
|
|
9
|
-
/**
|
|
10
|
-
* The text of the DubLogoTitle. Not used if `brand` is provided.
|
|
11
|
-
*/
|
|
12
|
-
title?: string;
|
|
13
|
-
/**
|
|
14
|
-
* The background color/gradient behind the DubLogoTitle logo.
|
|
15
|
-
*/
|
|
16
|
-
bgColor?: string;
|
|
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;
|
|
28
|
-
render(): JSX.Element;
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=DubLogoTitle.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DubLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/DubLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAyB,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAI9E,oBAAY,aAAa,GAAG;IAC1B;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA4CF;;;;;;;GAOG;AACH,qBAAa,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACxE,iBAAiB;IAQjB,MAAM;CAgBP"}
|
|
@@ -1,93 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
|
15
|
-
__assign = Object.assign || function(t) {
|
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
17
|
-
s = arguments[i];
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
return __assign.apply(this, arguments);
|
|
24
|
-
};
|
|
25
|
-
import * as React from 'react';
|
|
26
|
-
import styled from '@emotion/styled';
|
|
27
|
-
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
28
|
-
import { DeprecatedHeaderHeight, DeprecatedHeaderTheme } from '../shared/types';
|
|
29
|
-
import chroma from 'chroma-js';
|
|
30
|
-
import { dubLogoWhite, dubLogoBlue } from '@workday/canvas-kit-react/common';
|
|
31
|
-
var LockupContainer = styled('div')({
|
|
32
|
-
display: 'inline-block',
|
|
33
|
-
});
|
|
34
|
-
var Lockup = styled('div')({
|
|
35
|
-
display: 'flex',
|
|
36
|
-
alignItems: 'center',
|
|
37
|
-
height: DeprecatedHeaderHeight.Small,
|
|
38
|
-
paddingLeft: space.m,
|
|
39
|
-
}, function (_a) {
|
|
40
|
-
var bgColor = _a.bgColor;
|
|
41
|
-
return ({
|
|
42
|
-
background: bgColor ? bgColor : 'none',
|
|
43
|
-
});
|
|
44
|
-
});
|
|
45
|
-
var Title = styled('h3')({
|
|
46
|
-
fontSize: '20px',
|
|
47
|
-
fontWeight: 400,
|
|
48
|
-
padding: space.xxs + " " + space.s,
|
|
49
|
-
paddingRight: space.l,
|
|
50
|
-
marginLeft: space.s,
|
|
51
|
-
whiteSpace: 'nowrap',
|
|
52
|
-
}, function (_a) {
|
|
53
|
-
var themeColor = _a.themeColor;
|
|
54
|
-
return ({
|
|
55
|
-
color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
|
|
56
|
-
borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
|
|
57
|
-
? colors.soap400
|
|
58
|
-
: chroma(colors.frenchVanilla100)
|
|
59
|
-
.alpha(0.3)
|
|
60
|
-
.css()),
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
var DubLogo = styled('div')({
|
|
64
|
-
lineHeight: 0,
|
|
65
|
-
});
|
|
66
|
-
/**
|
|
67
|
-
* ### Deprecated Dub Logo Title
|
|
68
|
-
*
|
|
69
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
70
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
71
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
72
|
-
* for more information.
|
|
73
|
-
*/
|
|
74
|
-
var DeprecatedDubLogoTitle = /** @class */ (function (_super) {
|
|
75
|
-
__extends(DeprecatedDubLogoTitle, _super);
|
|
76
|
-
function DeprecatedDubLogoTitle() {
|
|
77
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
78
|
-
}
|
|
79
|
-
DeprecatedDubLogoTitle.prototype.componentDidMount = function () {
|
|
80
|
-
console.warn("DubLogoTitle 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 ");
|
|
81
|
-
};
|
|
82
|
-
DeprecatedDubLogoTitle.prototype.render = function () {
|
|
83
|
-
var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, title = _a.title;
|
|
84
|
-
return (React.createElement(LockupContainer, null,
|
|
85
|
-
React.createElement(Lockup, __assign({}, this.props),
|
|
86
|
-
React.createElement(DubLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
|
|
87
|
-
__html: themeColor === DeprecatedHeaderTheme.White ? dubLogoBlue : dubLogoWhite,
|
|
88
|
-
} })),
|
|
89
|
-
title && React.createElement(Title, __assign({}, this.props), title))));
|
|
90
|
-
};
|
|
91
|
-
return DeprecatedDubLogoTitle;
|
|
92
|
-
}(React.Component));
|
|
93
|
-
export { DeprecatedDubLogoTitle };
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { DeprecatedHeaderTheme, DeprecatedHeaderVariant } from '../shared/types';
|
|
3
|
-
export declare type WorkdayLogoTitleProps = {
|
|
4
|
-
/**
|
|
5
|
-
* The theme of the WorkdayLogoTitle. Accepts `White`, `Blue`, or `Transparent`.
|
|
6
|
-
* @default DeprecatedHeaderTheme.White
|
|
7
|
-
*/
|
|
8
|
-
themeColor?: DeprecatedHeaderTheme;
|
|
9
|
-
/**
|
|
10
|
-
* The text of the WorkdayLogoTitle. Not used if `brand` is provided.
|
|
11
|
-
* @default ''
|
|
12
|
-
*/
|
|
13
|
-
title?: string;
|
|
14
|
-
/**
|
|
15
|
-
* The variant of the WorkdayLogoTitle.
|
|
16
|
-
*/
|
|
17
|
-
variant?: DeprecatedHeaderVariant;
|
|
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;
|
|
29
|
-
render(): JSX.Element;
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=WorkdayLogoTitle.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"WorkdayLogoTitle.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/WorkdayLogoTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAEL,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AAKzB,oBAAY,qBAAqB,GAAG;IAClC;;;OAGG;IACH,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAiDF;;;;;;;GAOG;AACH,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,qBAAqB,CAAC;IACpF,iBAAiB;IAQV,MAAM;CA2Bd"}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
};
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
|
15
|
-
__assign = Object.assign || function(t) {
|
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
17
|
-
s = arguments[i];
|
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
19
|
-
t[p] = s[p];
|
|
20
|
-
}
|
|
21
|
-
return t;
|
|
22
|
-
};
|
|
23
|
-
return __assign.apply(this, arguments);
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
|
-
import * as React from 'react';
|
|
37
|
-
import styled from '@emotion/styled';
|
|
38
|
-
import { DeprecatedHeaderHeight, DeprecatedHeaderTheme, DeprecatedHeaderVariant, } from '../shared/types';
|
|
39
|
-
import { miniWdayLogoBlue, wdayLogoWhite, wdayLogoBlue } from '@workday/canvas-kit-react/common';
|
|
40
|
-
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
41
|
-
import chroma from 'chroma-js';
|
|
42
|
-
var LockupContainer = styled('div')({
|
|
43
|
-
display: 'inline-block',
|
|
44
|
-
});
|
|
45
|
-
var Lockup = styled('div')({
|
|
46
|
-
display: 'flex',
|
|
47
|
-
alignItems: 'center',
|
|
48
|
-
justifyContent: 'center',
|
|
49
|
-
}, function (_a) {
|
|
50
|
-
var variant = _a.variant;
|
|
51
|
-
return ({
|
|
52
|
-
height: variant === DeprecatedHeaderVariant.Global
|
|
53
|
-
? DeprecatedHeaderHeight.Small
|
|
54
|
-
: DeprecatedHeaderHeight.Large,
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
var Title = styled('h3')({
|
|
58
|
-
fontSize: '20px',
|
|
59
|
-
fontWeight: 400,
|
|
60
|
-
marginLeft: space.l,
|
|
61
|
-
padding: space.s,
|
|
62
|
-
paddingLeft: space.m,
|
|
63
|
-
paddingRight: space.l,
|
|
64
|
-
whiteSpace: 'nowrap',
|
|
65
|
-
display: 'initial',
|
|
66
|
-
}, function (_a) {
|
|
67
|
-
var themeColor = _a.themeColor;
|
|
68
|
-
return ({
|
|
69
|
-
color: themeColor === DeprecatedHeaderTheme.White ? colors.blueberry500 : colors.frenchVanilla100,
|
|
70
|
-
borderLeft: "1px solid " + (themeColor === DeprecatedHeaderTheme.White
|
|
71
|
-
? colors.soap400
|
|
72
|
-
: chroma(colors.soap400)
|
|
73
|
-
.alpha(0.4)
|
|
74
|
-
.css()),
|
|
75
|
-
});
|
|
76
|
-
});
|
|
77
|
-
var WorkdayLogo = styled('span')({
|
|
78
|
-
paddingLeft: space.m,
|
|
79
|
-
lineHeight: 0,
|
|
80
|
-
});
|
|
81
|
-
/**
|
|
82
|
-
* ### Deprecated Workday Logo Title
|
|
83
|
-
*
|
|
84
|
-
* As of Canvas Kit v6, this component is being soft-deprecated.
|
|
85
|
-
* It will be hard-deprecated (completely removed) in v7. Please see the
|
|
86
|
-
* [migration guide](https://workday.github.io/canvas-kit/?path=/story/welcome-migration-guides-v6-0--page)
|
|
87
|
-
* for more information.
|
|
88
|
-
*/
|
|
89
|
-
var DeprecatedWorkdayLogoTitle = /** @class */ (function (_super) {
|
|
90
|
-
__extends(DeprecatedWorkdayLogoTitle, _super);
|
|
91
|
-
function DeprecatedWorkdayLogoTitle() {
|
|
92
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
|
93
|
-
}
|
|
94
|
-
DeprecatedWorkdayLogoTitle.prototype.componentDidMount = function () {
|
|
95
|
-
console.warn("WorkdayLogoTitle 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 ");
|
|
96
|
-
};
|
|
97
|
-
DeprecatedWorkdayLogoTitle.prototype.render = function () {
|
|
98
|
-
var _a = this.props, _b = _a.themeColor, themeColor = _b === void 0 ? DeprecatedHeaderTheme.White : _b, _c = _a.title, title = _c === void 0 ? '' : _c, variant = _a.variant, elemProps = __rest(_a, ["themeColor", "title", "variant"]);
|
|
99
|
-
return (React.createElement(LockupContainer, null,
|
|
100
|
-
React.createElement(Lockup, __assign({}, this.props, elemProps),
|
|
101
|
-
React.createElement(WorkdayLogo, __assign({}, this.props, { dangerouslySetInnerHTML: {
|
|
102
|
-
__html: themeColor === DeprecatedHeaderTheme.White
|
|
103
|
-
? variant === DeprecatedHeaderVariant.Global
|
|
104
|
-
? miniWdayLogoBlue
|
|
105
|
-
: wdayLogoBlue
|
|
106
|
-
: wdayLogoWhite,
|
|
107
|
-
} })),
|
|
108
|
-
title && React.createElement(Title, __assign({}, this.props), title))));
|
|
109
|
-
};
|
|
110
|
-
return DeprecatedWorkdayLogoTitle;
|
|
111
|
-
}(React.Component));
|
|
112
|
-
export { DeprecatedWorkdayLogoTitle };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../header/lib/parts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAC,0BAA0B,EAAC,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,43 +0,0 @@
|
|
|
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 {
|
|
11
|
-
color: string;
|
|
12
|
-
background: string;
|
|
13
|
-
depth: CSSProperties;
|
|
14
|
-
systemIcon: {
|
|
15
|
-
color: string;
|
|
16
|
-
colorHover: string;
|
|
17
|
-
};
|
|
18
|
-
linkColor: string;
|
|
19
|
-
linkFadeOutColor: string;
|
|
20
|
-
currentLinkColor: string;
|
|
21
|
-
chipColor: string;
|
|
22
|
-
}
|
|
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;
|
|
33
|
-
}
|
|
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;
|
|
43
|
-
//# sourceMappingURL=themes.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../../../../header/lib/shared/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,aAAa,EACd,MAAM,kCAAkC,CAAC;AAI1C;;;;;;;GAOG;AACH,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,UAAU,EAAE;QACV,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,CAAC,GAAG,EAAE,MAAM,GAAG,+BAA+B,CAAC;CAChD;AAED;;;;;;;GAOG;AACH,eAAO,MAAM,sBAAsB,EAAE,sBA4CpC,CAAC"}
|