@instructure/ui-navigation 8.56.0 → 9.0.0

package/src/Navigation/styles.ts

@@ -1,83 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import type { NavigationTheme } from '@instructure/shared-types'
-import type { NavigationProps, NavigationState, NavigationStyle } from './props'
-
-/**
- * ---
- * private: true
- * ---
- * Generates the style object from the theme and provided additional information
- * @param  {Object} componentTheme The theme variable object.
- * @param  {Object} props the props of the component, the style is applied to
- * @param  {Object} state the state of the component, the style is applied to
- * @return {Object} The final style object, which will be used in the component
- */
-const generateStyle = (
-  componentTheme: NavigationTheme,
-  // @ts-expect-error no props used here
-  props: NavigationProps,
-  state: NavigationState
-): NavigationStyle => {
-  const { minimized } = state
-
-  return {
-    navigation: {
-      label: 'navigation',
-      color: componentTheme.fontColor,
-      backgroundColor: componentTheme.backgroundColor,
-      boxSizing: 'border-box',
-      display: 'flex',
-      flexDirection: 'column',
-      width: componentTheme.width,
-      height: '100%',
-      overflowY: 'auto',
-      ...(minimized ? { width: componentTheme.minimizedWidth } : {})
-    },
-    list: {
-      label: 'navigation__list',
-      padding: 0,
-      margin: 0
-    },
-    content: {
-      label: 'navigation__content',
-      listStyleType: 'none',
-      margin: '0',
-      padding: '0',
-      flex: '1 0 auto'
-    },
-    toggle: {
-      transform: 'translate3d(0, 0, 0)',
-      transition: `all ${componentTheme.toggleTransition}`,
-      ...(minimized ? { transform: 'rotate3d(0, 1, 0, -180deg)' } : {})
-    },
-    toggleIcon: {
-      fill: componentTheme.fill,
-      margin: '0 auto'
-    }
-  }
-}
-
-export default generateStyle

package/src/Navigation/theme.ts

@@ -1,66 +0,0 @@
-/*
- * The MIT License (MIT)
- *
- * Copyright (c) 2015 - present Instructure, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all
- * copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
- * SOFTWARE.
- */
-
-import type { Theme, ThemeSpecificStyle } from '@instructure/ui-themes'
-import { NavigationTheme } from '@instructure/shared-types'
-
-/**
- * Generates the theme object for the component from the theme and provided additional information
- * @param  {Object} theme The actual theme object.
- * @return {Object} The final theme object with the overrides and component variables
- */
-const generateComponentTheme = (theme: Theme): NavigationTheme => {
-  const { colors, spacing, borders, transitions, key: themeName } = theme
-
-  const themeSpecificStyle: ThemeSpecificStyle<NavigationTheme> = {
-    canvas: {
-      backgroundColor: theme['ic-brand-global-nav-bgd'],
-      fontColor: theme['ic-brand-global-nav-menu-item__text-color'],
-      fill: theme['ic-brand-global-nav-ic-icon-svg-fill']
-    }
-  }
-
-  const componentVariables: NavigationTheme = {
-    fontColor: colors?.textLightest,
-    backgroundColor: colors?.backgroundBrandSecondary,
-    width: '5.25rem',
-    minimizedWidth: '3.375rem',
-    fill: colors?.textLightest,
-
-    focusOutlineInnerWidth: borders?.widthMedium,
-    focusOutlineOuterWidth: borders?.widthSmall,
-    focusOutlineInnerColor: colors?.borderBrand,
-    focusOutlineOuterColor: colors?.borderLightest,
-
-    marginBottom: spacing?.small,
-    toggleTransition: transitions?.duration
-  }
-
-  return {
-    ...componentVariables,
-    ...themeSpecificStyle[themeName]
-  }
-}
-
-export default generateComponentTheme