@instructure/ui-themes 11.6.0 → 11.6.1-snapshot-129

package/src/themes/newThemes/componentTypes/index.ts

@@ -0,0 +1,224 @@
+/*
+ * 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 AiInformation from "./aiInformation"
+import type Alert from "./alert"
+import type AppNav from "./appNav"
+import type AppNavItem from "./appNavItem"
+import type Avatar from "./avatar"
+import type Badge from "./badge"
+import type BaseButton from "./baseButton"
+import type Billboard from "./billboard"
+import type Breadcrumb from "./breadcrumb"
+import type Byline from "./byline"
+import type Calendar from "./calendar"
+import type CalendarDay from "./calendarDay"
+import type Checkbox from "./checkbox"
+import type ColorContrast from "./colorContrast"
+import type ColorIndicator from "./colorIndicator"
+import type ColorPicker from "./colorPicker"
+import type ColorPreset from "./colorPreset"
+import type ContextView from "./contextView"
+import type DataPermissionLevels from "./dataPermissionLevels"
+import type DrawerLayoutContent from "./drawerLayoutContent"
+import type DrawerLayoutTray from "./drawerLayoutTray"
+import type Drilldown from "./drilldown"
+import type FileDrop from "./fileDrop"
+import type Flex from "./flex"
+import type FormFieldLayout from "./formFieldLayout"
+import type FormFieldMessage from "./formFieldMessage"
+import type Grid from "./grid"
+import type GridCol from "./gridCol"
+import type GridRow from "./gridRow"
+import type Heading from "./heading"
+import type Icon from "./icon"
+import type InlineListItem from "./inlineListItem"
+import type Link from "./link"
+import type List from "./list"
+import type ListItem from "./listItem"
+import type Mask from "./mask"
+import type Menu from "./menu"
+import type MenuGroup from "./menuGroup"
+import type MenuItem from "./menuItem"
+import type MenuSeparator from "./menuSeparator"
+import type Metric from "./metric"
+import type Modal from "./modal"
+import type ModalBody from "./modalBody"
+import type ModalFooter from "./modalFooter"
+import type ModalHeader from "./modalHeader"
+import type NutritionFacts from "./nutritionFacts"
+import type Options from "./options"
+import type OptionsItem from "./optionsItem"
+import type OptionsSeparator from "./optionsSeparator"
+import type Pagination from "./pagination"
+import type PaginationPageInput from "./paginationPageInput"
+import type Palette from "./palette"
+import type Pill from "./pill"
+import type Popover from "./popover"
+import type ProgressBar from "./progressBar"
+import type ProgressCircle from "./progressCircle"
+import type RadioInput from "./radioInput"
+import type RangeInput from "./rangeInput"
+import type RatingIcon from "./ratingIcon"
+import type RgbaInput from "./rgbaInput"
+import type Select from "./select"
+import type SideNavBar from "./sideNavBar"
+import type SideNavBarItem from "./sideNavBarItem"
+import type SideNavBarItemNew from "./sideNavBarItemNew"
+import type SideNavBarNew from "./sideNavBarNew"
+import type Slider from "./slider"
+import type SourceCodeEditor from "./sourceCodeEditor"
+import type Spinner from "./spinner"
+import type Table from "./table"
+import type TableBody from "./tableBody"
+import type TableCell from "./tableCell"
+import type TableColHeader from "./tableColHeader"
+import type TableHead from "./tableHead"
+import type TableRow from "./tableRow"
+import type TableRowHeader from "./tableRowHeader"
+import type Tabs from "./tabs"
+import type TabsPanel from "./tabsPanel"
+import type TabsTab from "./tabsTab"
+import type Tag from "./tag"
+import type Text from "./text"
+import type TextArea from "./textArea"
+import type TextInput from "./textInput"
+import type Toggle from "./toggle"
+import type ToggleDetails from "./toggleDetails"
+import type ToggleGroup from "./toggleGroup"
+import type Tooltip from "./tooltip"
+import type TopNavBarActionItems from "./topNavBarActionItems"
+import type TopNavBarBrand from "./topNavBarBrand"
+import type TopNavBarItem from "./topNavBarItem"
+import type TopNavBarLayout from "./topNavBarLayout"
+import type TopNavBarMenuItems from "./topNavBarMenuItems"
+import type Tray from "./tray"
+import type TreeBrowser from "./treeBrowser"
+import type TreeBrowserTreeButton from "./treeBrowserTreeButton"
+import type TreeBrowserTreeCollection from "./treeBrowserTreeCollection"
+import type TruncateText from "./truncateText"
+import type View from "./view"
+
+type ComponentTypes = {
+  Metric: Metric
+  Avatar: Avatar
+  Breadcrumb: Breadcrumb
+  Pill: Pill
+  FormFieldMessage: FormFieldMessage
+  Spinner: Spinner
+  Link: Link
+  TextInput: TextInput
+  TextArea: TextArea
+  Icon: Icon
+  Checkbox: Checkbox
+  BaseButton: BaseButton
+  Text: Text
+  RadioInput: RadioInput
+  Toggle: Toggle
+  Popover: Popover
+  Tooltip: Tooltip
+  Modal: Modal
+  ModalHeader: ModalHeader
+  ModalBody: ModalBody
+  ModalFooter: ModalFooter
+  Mask: Mask
+  Badge: Badge
+  FormFieldLayout: FormFieldLayout
+  Heading: Heading
+  Tray: Tray
+  ContextView: ContextView
+  View: View
+  ProgressBar: ProgressBar
+  Tabs: Tabs
+  TabsPanel: TabsPanel
+  TabsTab: TabsTab
+  Drilldown: Drilldown
+  Menu: Menu
+  MenuGroup: MenuGroup
+  MenuItem: MenuItem
+  MenuSeparator: MenuSeparator
+  Options: Options
+  OptionsItem: OptionsItem
+  OptionsSeparator: OptionsSeparator
+  RangeInput: RangeInput
+  FileDrop: FileDrop
+  Tag: Tag
+  Calendar: Calendar
+  CalendarDay: CalendarDay
+  Grid: Grid
+  GridCol: GridCol
+  GridRow: GridRow
+  InlineListItem: InlineListItem
+  ListItem: ListItem
+  List: List
+  Table: Table
+  TableBody: TableBody
+  TableHead: TableHead
+  TableCell: TableCell
+  TableRowHeader: TableRowHeader
+  TableRow: TableRow
+  TableColHeader: TableColHeader
+  SourceCodeEditor: SourceCodeEditor
+  Flex: Flex
+  TreeBrowser: TreeBrowser
+  TreeBrowserTreeButton: TreeBrowserTreeButton
+  TreeBrowserTreeCollection: TreeBrowserTreeCollection
+  ToggleDetails: ToggleDetails
+  Alert: Alert
+  SideNavBar: SideNavBar
+  SideNavBarItem: SideNavBarItem
+  ToggleGroup: ToggleGroup
+  Billboard: Billboard
+  AiInformation: AiInformation
+  DataPermissionLevels: DataPermissionLevels
+  NutritionFacts: NutritionFacts
+  RatingIcon: RatingIcon
+  ProgressCircle: ProgressCircle
+  TopNavBarActionItems: TopNavBarActionItems
+  TopNavBarBrand: TopNavBarBrand
+  TopNavBarItem: TopNavBarItem
+  TopNavBarLayout: TopNavBarLayout
+  TopNavBarMenuItems: TopNavBarMenuItems
+  Select: Select
+  Pagination: Pagination
+  PaginationPageInput: PaginationPageInput
+  DrawerLayoutContent: DrawerLayoutContent
+  DrawerLayoutTray: DrawerLayoutTray
+  ColorPicker: ColorPicker
+  ColorPreset: ColorPreset
+  ColorIndicator: ColorIndicator
+  ColorContrast: ColorContrast
+  Palette: Palette
+  Slider: Slider
+  RgbaInput: RgbaInput
+  TruncateText: TruncateText
+  AppNav: AppNav
+  AppNavItem: AppNavItem
+  Byline: Byline
+  SideNavBarNew: SideNavBarNew
+  SideNavBarItemNew: SideNavBarItemNew
+}
+
+export type { ComponentTypes }
+export default ComponentTypes

package/src/themes/newThemes/componentTypes/inlineListItem.ts

@@ -0,0 +1,48 @@
+/*
+ * 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.
+ */
+
+export type InlineListItem = {
+  arrowSpacing: string
+  color: string
+  delimiterColor: string
+  fontFamily: string
+  fontSizeLarge: string
+  fontSizeMedium: string
+  fontSizeSmall: string
+  fontWeight: string | number
+  lineHeight: string | number
+  noneSpacing: string
+  pipeSpacing: string
+  slashSpacing: string
+  spacingLarge: string
+  spacingMedium: string
+  spacingSmall: string
+  spacingXLarge: string
+  spacingXSmall: string
+  spacingXXLarge: string
+  spacingXXSmall: string
+  spacingXXXSmall: string
+}
+
+export default InlineListItem

package/src/themes/newThemes/componentTypes/link.ts

@@ -0,0 +1,51 @@
+/*
+ * 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 { TokenTypographyValueInst } from "../commonTypes"
+
+export type Link = {
+  textColor: string
+  textHoverColor: string
+  textDisabledColor: string
+  onColorTextColor: string
+  onColorTextHoverColor: string
+  onColorTextDisabledColor: string
+  fontSizeSm: string
+  fontSizeMd: string
+  fontSizeLg: string
+  fontWeight: string | number
+  gapSm: string
+  gapMd: string
+  gapLg: string
+  lineHeightSm: string | number
+  lineHeightMd: string | number
+  lineHeightLg: string | number
+  fontFamily: string
+  inlineLink: { small: TokenTypographyValueInst; medium: TokenTypographyValueInst; large: TokenTypographyValueInst }
+  textDecorationWithinText: "none" | "underline" | "line-through" | "strikethrough"
+  textDecorationOutsideText: "none" | "underline" | "line-through" | "strikethrough"
+  unstyledTextColor: string
+}
+
+export default Link

package/src/themes/newThemes/componentTypes/list.ts

@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+
+export type List = { listPadding: string; orderedNumberMargin: string; orderedNumberFontWeight: string | number }
+
+export default List

package/src/themes/newThemes/componentTypes/listItem.ts

@@ -0,0 +1,47 @@
+/*
+ * 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 { TokenBorderValue } from "@tokens-studio/types"
+
+export type ListItem = {
+  color: string
+  fontFamily: string
+  fontSizeLarge: string
+  fontSizeMedium: string
+  fontSizeSmall: string
+  fontWeight: string | number
+  lineHeight: string | number
+  spacingXXXSmall: string
+  spacingXXSmall: string
+  spacingXSmall: string
+  spacingSmall: string
+  spacingMedium: string
+  spacingLarge: string
+  spacingXLarge: string
+  spacingXXLarge: string
+  delimiterDashedBorder: TokenBorderValue
+  delimiterSolidBorder: TokenBorderValue
+}
+
+export default ListItem

package/src/themes/newThemes/componentTypes/mask.ts

@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+
+export type Mask = { backgroundColor: string; darkBackgroundColor: string }
+
+export default Mask

package/src/themes/newThemes/componentTypes/menu.ts

@@ -0,0 +1,27 @@
+/*
+ * 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.
+ */
+
+export type Menu = { maxWidth: string; minWidth: string }
+
+export default Menu

package/src/themes/newThemes/componentTypes/menuGroup.ts

@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+
+export type MenuGroup = {
+  background: string
+  fontFamily: string
+  fontSize: string
+  fontWeight: string | number
+  color: string
+  paddingHorizontal: string
+  paddingVertical: string
+}
+
+export default MenuGroup

package/src/themes/newThemes/componentTypes/menuItem.ts

@@ -0,0 +1,47 @@
+/*
+ * 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.
+ */
+
+export type MenuItem = {
+  activeBackground: string
+  activeLabelColor: string
+  background: string
+  fontFamily: string
+  fontSize: string
+  fontWeight: string | number
+  /** code only token */
+  iconPadding: string
+  labelColor: string
+  labelInfoColor: string
+  lineHeight: string | number
+  /** code only token */
+  labelPadding: string
+  paddingVertical: string
+  paddingHorizontal: string
+  highlightedBackground: string
+  selectedHighlightedBackground: string
+  highlightedLabelColor: string
+  highlightedLabelInfoColor: string
+}
+
+export default MenuItem

package/src/themes/newThemes/componentTypes/menuSeparator.ts

@@ -0,0 +1,34 @@
+/*
+ * 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.
+ */
+
+export type MenuSeparator = {
+  background: string
+  height: string
+  /** code only token */
+  marginVertical: string
+  /** code only token */
+  marginHorizontal: string
+}
+
+export default MenuSeparator

package/src/themes/newThemes/componentTypes/metric.ts

@@ -0,0 +1,40 @@
+/*
+ * 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.
+ */
+
+export type Metric = {
+  labelColor: string
+  labelFontSize: string
+  paddingHorizontal: string
+  valueColor: string
+  valueFontSize: string
+  gapTexts: string
+  labelLineHeight: string | number
+  valueLineHeight: string | number
+  labelFontFamily: string
+  valueFontFamily: string
+  labelFontWeight: string | number
+  valueFontWeight: string | number
+}
+
+export default Metric

package/src/themes/newThemes/componentTypes/modal.ts

@@ -0,0 +1,45 @@
+/*
+ * 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 { TokenBoxshadowValueInst } from "../commonTypes"
+
+export type Modal = {
+  autoMinWidth: string
+  backgroundColor: string
+  borderColor: string
+  inverseBackgroundColor: string
+  inverseBorderColor: string
+  borderRadius: string
+  fontFamily: string
+  textColor: string
+  inverseTextColor: string
+  largeMaxWidth: string
+  mediumMaxWidth: string
+  smallMaxWidth: string
+  /** Do not use this for other components */
+  boxShadow: { "0": TokenBoxshadowValueInst; "1": TokenBoxshadowValueInst }
+  borderWidth: string
+}
+
+export default Modal