@instructure/ui-themes 11.7.10 → 11.7.11-snapshot-4

package/lib/themes/newThemeTokens/light/components/stepper.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 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.
+ */
+
+const stepper = semantic => ({
+  stepGap: semantic.spacing.spaceSm,
+  stepContentGap: semantic.spacing.spaceSm,
+  stepPaddingInlineEnd: semantic.spacing.spaceLg,
+  stepPaddingBlockEnd: semantic.spacing.spaceXl,
+  currentStepTextGap: semantic.spacing.spaceXs,
+  compactStrokeFilledColor: semantic.color.stroke.info,
+  compactStrokeColor: semantic.color.stroke.base,
+  compactStrokeErrorColor: semantic.color.stroke.error,
+  compactStrokeGap: semantic.spacing.spaceSm,
+  compactStrokeHeight: semantic.borderWidth.lg,
+  compactStrokeRadius: semantic.borderRadius.xs,
+  mobileToggleBackground: {
+    value: semantic.color.background.interactive.action.secondary.base,
+    modify: {
+      type: "alpha",
+      value: 0.2,
+      space: "hsl"
+    }
+  },
+  mobileToggleBorderRadius: semantic.borderRadius.interactive.base,
+  mobileTogglePaddingHorizontal: semantic.spacing.padding.interactive.horizontal.lg,
+  mobileTogglePaddingVertical: semantic.spacing.spaceSm,
+  mobileToggleContentGap: semantic.spacing.spaceSm
+});
+var _default = exports.default = stepper;

package/lib/themes/newThemeTokens/light/components/subNav.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 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.
+ */
+
+const subNav = semantic => ({
+  strokeColor: semantic.color.stroke.muted,
+  textColor: semantic.color.text.base,
+  padding: semantic.spacing.spaceMd,
+  gap: semantic.spacing.spaceSm,
+  navItemsGap: semantic.spacing.spaceXs,
+  minimizedVerticalPadding: "1.625rem",
+  minimizedWidth: "2rem",
+  minimizedHoverWidth: "2.25rem"
+});
+var _default = exports.default = subNav;

package/lib/themes/newThemeTokens/light/components/subNavItem.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 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.
+ */
+
+const subNavItem = semantic => ({
+  backgroundColor: semantic.color.transparentColor,
+  hoverBackgroundColor: semantic.color.background.interactive.action.tertiary.hover,
+  activeBackgroundColor: semantic.color.background.interactive.action.tertiary.active,
+  selectedBackgroundColor: semantic.color.background.brand,
+  textColor: semantic.color.institutional.brandGlobalNavMenuItemTextColor,
+  selectedTextColor: semantic.color.text.inverse,
+  logoutTextColor: semantic.color.text.error,
+  borderRadius: semantic.borderRadius.lg,
+  padding: semantic.spacing.spaceSm,
+  gap: semantic.spacing.spaceSm
+});
+var _default = exports.default = subNavItem;

package/lib/themes/newThemeTokens/light/index.js

@@ -37,15 +37,21 @@ var _fileDrop = _interopRequireDefault(require("./components/fileDrop"));
 var _flex = _interopRequireDefault(require("./components/flex"));
 var _formFieldLayout = _interopRequireDefault(require("./components/formFieldLayout"));
 var _formFieldMessage = _interopRequireDefault(require("./components/formFieldMessage"));
+var _globalNav = _interopRequireDefault(require("./components/globalNav"));
 var _gridCol = _interopRequireDefault(require("./components/gridCol"));
 var _gridRow = _interopRequireDefault(require("./components/gridRow"));
 var _heading = _interopRequireDefault(require("./components/heading"));
 var _icon = _interopRequireDefault(require("./components/icon"));
+var _imageCard = _interopRequireDefault(require("./components/imageCard"));
 var _img = _interopRequireDefault(require("./components/img"));
 var _inlineListItem = _interopRequireDefault(require("./components/inlineListItem"));
 var _link = _interopRequireDefault(require("./components/link"));
 var _list = _interopRequireDefault(require("./components/list"));
 var _listItem = _interopRequireDefault(require("./components/listItem"));
+var _mainNav = _interopRequireDefault(require("./components/mainNav"));
+var _mainNavAccountItem = _interopRequireDefault(require("./components/mainNavAccountItem"));
+var _mainNavInstitutionLogo = _interopRequireDefault(require("./components/mainNavInstitutionLogo"));
+var _mainNavItem = _interopRequireDefault(require("./components/mainNavItem"));
 var _mask = _interopRequireDefault(require("./components/mask"));
 var _menu = _interopRequireDefault(require("./components/menu"));
 var _menuGroup = _interopRequireDefault(require("./components/menuGroup"));
@@ -76,11 +82,14 @@ var _segmentedControl = _interopRequireDefault(require("./components/segmentedCo
 var _select = _interopRequireDefault(require("./components/select"));
 var _sideNavBar = _interopRequireDefault(require("./components/sideNavBar"));
 var _sideNavBarItem = _interopRequireDefault(require("./components/sideNavBarItem"));
-var _sideNavBarNew = _interopRequireDefault(require("./components/sideNavBarNew"));
 var _skeletonLoader = _interopRequireDefault(require("./components/skeletonLoader"));
 var _slider = _interopRequireDefault(require("./components/slider"));
 var _sourceCodeEditor = _interopRequireDefault(require("./components/sourceCodeEditor"));
 var _spinner = _interopRequireDefault(require("./components/spinner"));
+var _stepItem = _interopRequireDefault(require("./components/stepItem"));
+var _stepper = _interopRequireDefault(require("./components/stepper"));
+var _subNav = _interopRequireDefault(require("./components/subNav"));
+var _subNavItem = _interopRequireDefault(require("./components/subNavItem"));
 var _table = _interopRequireDefault(require("./components/table"));
 var _tableBody = _interopRequireDefault(require("./components/tableBody"));
 var _tableCell = _interopRequireDefault(require("./components/tableCell"));
@@ -146,6 +155,8 @@ const theme = {
     Pill: _pill.default,
     FormFieldMessage: _formFieldMessage.default,
     Spinner: _spinner.default,
+    StepItem: _stepItem.default,
+    Stepper: _stepper.default,
     Link: _link.default,
     TextInput: _textInput.default,
     TextArea: _textArea.default,
@@ -234,10 +245,17 @@ const theme = {
     AppNav: _appNav.default,
     AppNavItem: _appNavItem.default,
     Byline: _byline.default,
-    SideNavBarNew: _sideNavBarNew.default,
+    GlobalNav: _globalNav.default,
+    MainNav: _mainNav.default,
+    MainNavItem: _mainNavItem.default,
+    SubNavItem: _subNavItem.default,
+    SubNav: _subNav.default,
+    MainNavInstitutionLogo: _mainNavInstitutionLogo.default,
+    MainNavAccountItem: _mainNavAccountItem.default,
     Img: _img.default,
     Chart: _chart.default,
     Card: _card.default,
+    ImageCard: _imageCard.default,
     Banner: _banner.default,
     MobileSharedTokens: _mobileSharedTokens.default,
     SkeletonLoader: _skeletonLoader.default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-themes",
-  "version": "11.7.10",
+  "version": "11.7.11-snapshot-4",
   "description": "A library of instructure themes",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -14,12 +14,12 @@
   "bugs": "https://github.com/instructure/instructure-ui/issues",
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "11.7.10",
+    "@instructure/ui-babel-preset": "11.7.11-snapshot-4",
     "vitest": "^5.0.0"
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/shared-types": "11.7.10",
+    "@instructure/shared-types": "11.7.11-snapshot-4",
     "@tokens-studio/types": "^0.5.2"
   },
   "publishConfig": {

package/src/themes/newThemeTokens/componentTypes/alert.ts

@@ -52,6 +52,8 @@ export type Alert = {
   warningBorderColor: string
   warningBorderColorInline: string
   warningIconBackground: string
+  textOnColor: string
+  textBase: string
   contentPaddingVertical: string
   contentPaddingHorizontal: string
   iconPaddingLeft: string

package/src/themes/newThemeTokens/componentTypes/{sideNavBarNew.ts → globalNav.ts}

@@ -24,7 +24,7 @@
 
 import type { TokenBoxshadowValueInst } from "../commonTypes"
 
-export type SideNavBarNew = {
+export type GlobalNav = {
   backgroundColor: string
   fill: string
   borderColor: string
@@ -34,51 +34,11 @@ export type SideNavBarNew = {
   minWidth: string
   margin: string
   minimizedMargin: string
-  mainNavMargin: string
-  mainNavMinimizedMargin: string
-  mainNavGap: string
-  navItemsGap: string
   /** Do not use this for other components */
   boxShadow: { "0": TokenBoxshadowValueInst; "1": TokenBoxshadowValueInst }
   borderRadius: string
   minimizedBorderRadius: string
   borderWidth: string
-  item: {
-    horizontalPadding: string
-    verticalPadding: string
-    iconWrapperHeight: string
-    borderRadius: string
-    backgroundColor: string
-    fontColor: string
-    fontFamily: string
-    fontSize: string
-    fontWeight: string | number
-    innerFocusOutlineColor: string
-    outerFocusOutlineColor: string
-    hoverBackgroundColor: string
-    lineHeight: string | number
-    linkTextDecoration: string | number
-    currentBackgroundColor: string
-    selectedBackgroundColor: string
-    currentTextColor: string
-    selectedAccountBackgroundColor: string
-    selectedAccountFontColor: string
-    selectedInnerFocusOutlineColor: string
-    selectedOuterFocusOutlineColor: string
-  }
-  drilldownOption: {
-    backgroundColor: string
-    hoverBackgroundColor: string
-    activeBackgroundColor: string
-    selectedBackgroundColor: string
-    textColor: string
-    selectedTextColor: string
-    logoutTextColor: string
-    borderRadius: string
-  }
-  button: { textColor: string }
-  subNav: { strokeColor: string; textColor: string; padding: string; gap: string }
-  institutionLogo: { textColor: string; strokeColor: string; padding: string; gap: string }
 }
 
-export default SideNavBarNew
+export default GlobalNav

package/src/themes/newThemeTokens/componentTypes/imageCard.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 { TokenBoxshadowValueInst } from "../commonTypes"
+
+export type ImageCard = {
+  borderRadiusBaseSm: string
+  borderRadiusBaseMd: string
+  borderRadiusBaseLg: string
+  paddingBaseSm: string
+  paddingBaseMd: string
+  paddingBaseLg: string
+  /** Elevated base surfaces: Persistent UI and everyday interactive surfaces like navigation, cards, inputs, and buttons. */
+  boxShadow: { "0": TokenBoxshadowValueInst; "1": TokenBoxshadowValueInst }
+  backgroundColor: string
+  breakpointMd: string
+  breakpointLg: string
+  imgTextGapSm: string
+  imgTextGapMd: string
+  imgTextGapLg: string
+  imgBorderRadiusSm: string
+  imgBorderRadiusMd: string
+  imgBorderRadiusLg: string
+  titleContentGapSm: string
+  titleContentGapMd: string
+  titleContentGapLg: string
+  imgAspectRatio: number
+}
+
+export default ImageCard

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

@@ -51,15 +51,21 @@ import type FileDrop from "./fileDrop"
 import type Flex from "./flex"
 import type FormFieldLayout from "./formFieldLayout"
 import type FormFieldMessage from "./formFieldMessage"
+import type GlobalNav from "./globalNav"
 import type GridCol from "./gridCol"
 import type GridRow from "./gridRow"
 import type Heading from "./heading"
 import type Icon from "./icon"
+import type ImageCard from "./imageCard"
 import type Img from "./img"
 import type InlineListItem from "./inlineListItem"
 import type Link from "./link"
 import type List from "./list"
 import type ListItem from "./listItem"
+import type MainNav from "./mainNav"
+import type MainNavAccountItem from "./mainNavAccountItem"
+import type MainNavInstitutionLogo from "./mainNavInstitutionLogo"
+import type MainNavItem from "./mainNavItem"
 import type Mask from "./mask"
 import type Menu from "./menu"
 import type MenuGroup from "./menuGroup"
@@ -90,11 +96,14 @@ import type SegmentedControl from "./segmentedControl"
 import type Select from "./select"
 import type SideNavBar from "./sideNavBar"
 import type SideNavBarItem from "./sideNavBarItem"
-import type SideNavBarNew from "./sideNavBarNew"
 import type SkeletonLoader from "./skeletonLoader"
 import type Slider from "./slider"
 import type SourceCodeEditor from "./sourceCodeEditor"
 import type Spinner from "./spinner"
+import type StepItem from "./stepItem"
+import type Stepper from "./stepper"
+import type SubNav from "./subNav"
+import type SubNavItem from "./subNavItem"
 import type Table from "./table"
 import type TableBody from "./tableBody"
 import type TableCell from "./tableCell"
@@ -155,15 +164,21 @@ type ComponentTypes = {
   Flex: (semantic: any) => Flex
   FormFieldLayout: (semantic: any) => FormFieldLayout
   FormFieldMessage: (semantic: any) => FormFieldMessage
+  GlobalNav: (semantic: any) => GlobalNav
   GridCol: (semantic: any) => GridCol
   GridRow: (semantic: any) => GridRow
   Heading: (semantic: any) => Heading
   Icon: (semantic: any) => Icon
+  ImageCard: (semantic: any) => ImageCard
   Img: (semantic: any) => Img
   InlineListItem: (semantic: any) => InlineListItem
   Link: (semantic: any) => Link
   List: (semantic: any) => List
   ListItem: (semantic: any) => ListItem
+  MainNav: (semantic: any) => MainNav
+  MainNavAccountItem: (semantic: any) => MainNavAccountItem
+  MainNavInstitutionLogo: (semantic: any) => MainNavInstitutionLogo
+  MainNavItem: (semantic: any) => MainNavItem
   Mask: (semantic: any) => Mask
   Menu: (semantic: any) => Menu
   MenuGroup: (semantic: any) => MenuGroup
@@ -194,11 +209,14 @@ type ComponentTypes = {
   Select: (semantic: any) => Select
   SideNavBar: (semantic: any) => SideNavBar
   SideNavBarItem: (semantic: any) => SideNavBarItem
-  SideNavBarNew: (semantic: any) => SideNavBarNew
   SkeletonLoader: (semantic: any) => SkeletonLoader
   Slider: (semantic: any) => Slider
   SourceCodeEditor: (semantic: any) => SourceCodeEditor
   Spinner: (semantic: any) => Spinner
+  StepItem: (semantic: any) => StepItem
+  Stepper: (semantic: any) => Stepper
+  SubNav: (semantic: any) => SubNav
+  SubNavItem: (semantic: any) => SubNavItem
   Table: (semantic: any) => Table
   TableBody: (semantic: any) => TableBody
   TableCell: (semantic: any) => TableCell

package/src/themes/newThemeTokens/componentTypes/mainNav.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 MainNav = { margin: string; minimizedMargin: string; gap: string; navItemsGap: string }
+
+export default MainNav

package/src/themes/newThemeTokens/componentTypes/mainNavAccountItem.ts

@@ -0,0 +1,42 @@
+/*
+ * 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 MainNavAccountItem = {
+  backgroundColor: string
+  fontColor: string
+  innerFocusOutlineColor: string
+  outerFocusOutlineColor: string
+  hoverBackgroundColor: string
+  currentBackgroundColor: string
+  selectedBackgroundColor: string
+  currentTextColor: string
+  selectedInnerFocusOutlineColor: string
+  selectedOuterFocusOutlineColor: string
+  padding: string
+  borderRadius: string
+  borderColor: string
+  minimizedItemSize: string
+}
+
+export default MainNavAccountItem

package/src/themes/newThemeTokens/componentTypes/mainNavInstitutionLogo.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 MainNavInstitutionLogo = { textColor: string; strokeColor: string; padding: string; gap: string }
+
+export default MainNavInstitutionLogo

package/src/themes/newThemeTokens/componentTypes/mainNavItem.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 MainNavItem = {
+  horizontalPadding: string
+  verticalPadding: string
+  iconWrapperHeight: string
+  minimizedItemSize: string
+  borderRadius: string
+  backgroundColor: string
+  fontColor: string
+  fontFamily: string
+  fontSize: string
+  fontWeight: string | number
+  innerFocusOutlineColor: string
+  outerFocusOutlineColor: string
+  hoverBackgroundColor: string
+  lineHeight: string | number
+  linkTextDecoration: string | number
+  currentBackgroundColor: string
+  selectedBackgroundColor: string
+  currentTextColor: string
+  selectedInnerFocusOutlineColor: string
+  selectedOuterFocusOutlineColor: string
+}
+
+export default MainNavItem

package/src/themes/newThemeTokens/componentTypes/pill.ts

@@ -26,7 +26,6 @@ export type Pill = {
   paddingHorizontal: string
   paddingHorizontalMedium: string
   paddingHorizontalLarge: string
-  paddingVertical: string
   gapIconLabel: string
   gapIconLabelMedium: string
   gapIconLabelLarge: string
@@ -81,6 +80,8 @@ export type Pill = {
   borderRadius: string
   borderWidth: string
   lineHeight: string | number
+  lineHeightMedium: string | number
+  lineHeightLarge: string | number
   fontFamily: string
   borderStyle: string
 }

package/src/themes/newThemeTokens/componentTypes/stepItem.ts

@@ -0,0 +1,33 @@
+/*
+ * 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 StepItem = {
+  stepStrokeFilledColor: string
+  stepStrokeColor: string
+  stepStrokeFilledWidth: string
+  stepStrokeWidth: string
+  stepStrokeRadius: string
+}
+
+export default StepItem