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

package/src/themes/newThemes/componentTypes/topNavBarBrand.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 TopNavBarBrand = { logoHeight: string; iconPadding: string; focusOutlineInset: string }
+
+export default TopNavBarBrand

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

@@ -0,0 +1,41 @@
+/*
+ * 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 TopNavBarItem = {
+  fontSize: string
+  fontFamily: string
+  fontWeight: string | number
+  color: string
+  colorInverse: string
+  itemInlinePadding: string
+  itemSpacing: string
+  iconTextGap: string
+  activeItemFontWeight: string | number
+  activeItemIndicatorSpacing: string
+  activeIndicatorColor: string
+  activeIndicatorColorInverse: string
+  smallViewportFontSize: string
+}
+
+export default TopNavBarItem

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

@@ -0,0 +1,61 @@
+/*
+ * 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 TopNavBarLayout = {
+  desktopBackground: string
+  desktopBackgroundInverse: string
+  desktopBottomBorder: string | number
+  desktopFontFamily: string
+  desktopFontSize: string
+  desktopFontWeight: string | number
+  desktopHeight: string
+  desktopInlinePadding: string
+  desktopMenuItemsContainerInlineMargin: string | number
+  desktopUserContainerInlineMargin: string | number
+  desktopUserSeparatorColor: string
+  desktopUserSeparatorColorInverse: string
+  desktopUserSeparatorGap: string
+  desktopUserSeparatorHeight: string
+  desktopUserSeparatorWidth: string
+  desktopZIndex: string | number
+  smallViewportAlternativeTitleBlockMargin: string | number
+  smallViewportAlternativeTitleInlineMargin: string | number
+  smallViewportBackground: string
+  smallViewportBackgroundInverse: string
+  smallViewportBottomBorder: string | number
+  smallViewportBottomBorderInverse: string | number
+  smallViewportDropdownMenuActiveOptionFontWeight: string | number
+  smallViewportDropdownMenuActiveOptionIndicatorColor: string | number
+  smallViewportDropdownMenuActiveOptionIndicatorSpacing: string
+  smallViewportDropdownMenuActiveOptionIndicatorWidth: string
+  smallViewportFontFamily: string
+  smallViewportFontWeight: string | number
+  smallViewportHeight: string | number
+  smallViewportInlinePadding: string
+  smallViewportTrayPosition: string | number
+  smallViewportTrayZIndex: string | number
+  smallViewportZIndex: string | number
+}
+
+export default TopNavBarLayout

package/src/themes/newThemes/componentTypes/topNavBarMenuItems.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 TopNavBarMenuItems = {
+  desktopItemSpacing: string
+  desktopMaxWidth: string | number
+  desktopSubmenuActiveOptionFontWeight: string | number
+  desktopSubmenuActiveOptionIndicatorColor: string | number
+  desktopSubmenuActiveOptionIndicatorSpacing: string
+  desktopSubmenuActiveOptionIndicatorWidth: string
+}
+
+export default TopNavBarMenuItems

package/src/themes/newThemes/componentTypes/tray.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.
+ */
+
+import type { TokenBoxshadowValueInst } from "../commonTypes"
+
+export type Tray = {
+  backgroundColor: string
+  borderColor: string
+  borderWidth: string
+  /** Do not use this for other components */
+  boxShadow: { "0": TokenBoxshadowValueInst; "1": TokenBoxshadowValueInst }
+  widthXs: string
+  widthSm: string
+  widthMd: string
+  widthLg: string
+  widthXl: string
+  padding: string
+  zIndex: number
+}
+
+export default Tray

package/src/themes/newThemes/componentTypes/treeBrowser.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 TreeBrowser = { borderRadius: string }
+
+export default TreeBrowser

package/src/themes/newThemes/componentTypes/treeBrowserTreeButton.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.
+ */
+
+export type TreeBrowserTreeButton = {
+  baseSpacingLarge: string
+  baseSpacingMedium: string
+  baseSpacingSmall: string
+  borderColor: string
+  borderRadius: string
+  borderWidth: string
+  descriptorFontSizeLarge: string
+  descriptorFontSizeMedium: string
+  descriptorFontSizeSmall: string
+  descriptorMarginTop: string
+  descriptorTextColor: string
+  hoverBackgroundColor: string
+  hoverTextColor: string
+  nameFontSizeLarge: string
+  nameFontSizeMedium: string
+  nameFontSizeSmall: string
+  nameTextColor: string
+  selectedBackgroundColor: string
+  selectedTextColor: string
+  textLineHeight: string | number
+  iconsMarginRightSmall: string
+  iconsMarginRightMedium: string
+  iconsMarginRightLarge: string
+}
+
+export default TreeBrowserTreeButton

package/src/themes/newThemes/componentTypes/treeBrowserTreeCollection.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 TreeBrowserTreeCollection = {
+  baseSpacingLarge: string
+  baseSpacingMedium: string
+  baseSpacingSmall: string
+  borderColor: string
+  borderWidth: string
+  fontFamily: string
+}
+
+export default TreeBrowserTreeCollection

package/src/themes/newThemes/componentTypes/truncateText.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 TruncateText = { fontFamily: string; lineHeight: string | number }
+
+export default TruncateText

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

@@ -0,0 +1,55 @@
+/*
+ * 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 View = {
+  fontFamily: string
+  color: string
+  colorPrimaryInverse: string
+  borderColorPrimary: string
+  borderColorSecondary: string
+  borderColorSuccess: string
+  borderColorBrand: string
+  borderColorInfo: string
+  borderColorAlert: string
+  borderColorWarning: string
+  borderColorDanger: string
+  borderColorTransparent: string
+  debugOutlineColor: string
+  backgroundPrimary: string
+  backgroundSecondary: string
+  backgroundPrimaryInverse: string
+  backgroundBrand: string
+  backgroundInfo: string
+  backgroundAlert: string
+  backgroundSuccess: string
+  backgroundDanger: string
+  backgroundWarning: string
+  stackingTopmost: number
+  stackingAbove: number
+  stackingBelow: number
+  stackingDeepest: number
+  borderStyle: string
+}
+
+export default View

package/src/themes/newThemes/dark/components/aiInformation.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.
+ */
+
+import type { AiInformation } from "../../componentTypes/aiInformation"
+import semantics from "../semantics"
+
+const aiInformation: AiInformation = {
+  bodyPadding: semantics.spacing.spaceXl,
+  headingBottomMargin: semantics.spacing.spaceXl,
+  featureNameBottomMargin: semantics.spacing.spaceLg,
+  permissionLevelTextBottomMargin: semantics.spacing.spaceSm,
+  permissionLevelBottomMargin: semantics.spacing.spaceSm,
+  descriptionBottomMargin: semantics.spacing.spaceSm,
+  modelNameTextBottomMargin: semantics.spacing.spaceXs,
+  modelNameBottomMargin: semantics.spacing.spaceXs,
+  dividerMargin: semantics.spacing.spaceLg,
+  dividerColor: semantics.color.stroke.muted,
+  levelColor: semantics.color.text.aiColor,
+  permissionLevelsModalTriggerBottomMargin: semantics.spacing.spaceXl,
+}
+export default aiInformation

package/src/themes/newThemes/dark/components/alert.ts

@@ -0,0 +1,52 @@
+/*
+ * 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 { Alert } from "../../componentTypes/alert"
+import semantics from "../semantics"
+
+const alert: Alert = {
+  background: semantics.color.background.elevatedSurface.base,
+  borderRadius: semantics.borderRadius.lg,
+  borderStyle: "solid",
+  borderWidth: semantics.borderWidth.md,
+  closeButtonMarginRight: "0.5rem",
+  closeButtonMarginTop: "0.5rem",
+  color: semantics.color.text.base,
+  contentFontFamily: semantics.fontFamily.base,
+  contentFontSize: semantics.fontSize.textBase,
+  contentFontWeight: semantics.fontWeight.body.base,
+  contentLineHeight: semantics.lineHeight.standalone.base,
+  dangerBorderColor: semantics.color.stroke.error,
+  dangerIconBackground: semantics.color.background.error,
+  iconColor: semantics.color.icon.onColor,
+  infoBorderColor: semantics.color.stroke.info,
+  infoIconBackground: semantics.color.background.info,
+  successBorderColor: semantics.color.stroke.success,
+  successIconBackground: semantics.color.background.success,
+  warningBorderColor: semantics.color.stroke.warning,
+  warningIconBackground: semantics.color.background.warning,
+  contentPaddingVertical: semantics.spacing.spaceMd,
+  contentPaddingHorizontal: semantics.spacing.spaceXl,
+}
+export default alert

package/src/themes/newThemes/dark/components/appNav.ts

@@ -0,0 +1,37 @@
+/*
+ * 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 { AppNav } from "../../componentTypes/appNav"
+import semantics from "../semantics"
+
+const appNav: AppNav = {
+  borderColor: semantics.color.stroke.muted,
+  borderStyle: "solid",
+  borderWidth: semantics.borderWidth.sm,
+  fontFamily: semantics.fontFamily.base,
+  height: "3.75rem",
+  horizontalMargin: "0.375rem",
+  menuTriggerWidth: "7.5rem",
+}
+export default appNav

package/src/themes/newThemes/dark/components/appNavItem.ts

@@ -0,0 +1,38 @@
+/*
+ * 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 { AppNavItem } from "../../componentTypes/appNavItem"
+import semantics from "../semantics"
+
+const appNavItem: AppNavItem = {
+  fontFamily: semantics.fontFamily.base,
+  backgroundColor: semantics.color.background.elevatedSurface.base,
+  fontWeight: semantics.fontWeight.body.strong,
+  height: "2.25rem",
+  padding: semantics.spacing.padding.container.xs,
+  textColor: semantics.color.text.accent.blue,
+  textColorSelected: semantics.color.text.accent.ash,
+  fontSize: "1.125rem",
+}
+export default appNavItem

package/src/themes/newThemes/dark/components/avatar.ts

@@ -0,0 +1,67 @@
+/*
+ * 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 { Avatar } from "../../componentTypes/avatar"
+import semantics from "../semantics"
+
+const avatar: Avatar = {
+  backgroundColor: semantics.color.background.base,
+  borderColor: semantics.color.stroke.base,
+  borderWidthSm: semantics.borderWidth.sm,
+  borderWidthMd: semantics.borderWidth.md,
+  boxShadow: { x: 0, y: 0, blur: "1rem", spread: 0, color: "rgba(45,59,69,0.12)", type: "innerShadow" },
+  fontWeight: semantics.fontWeight.heading.base,
+  blueBackgroundColor: semantics.color.background.accent.blue,
+  blueTextColor: semantics.color.text.accent.blue,
+  greenBackgroundColor: semantics.color.background.accent.green,
+  greenTextColor: semantics.color.text.accent.green,
+  redBackgroundColor: semantics.color.background.accent.red,
+  redTextColor: semantics.color.text.accent.red,
+  orangeBackgroundColor: semantics.color.background.accent.orange,
+  orangeTextColor: semantics.color.text.accent.orange,
+  greyBackgroundColor: semantics.color.background.accent.grey,
+  greyTextColor: semantics.color.text.accent.grey,
+  ashBackgroundColor: semantics.color.background.accent.ash,
+  ashTextColor: semantics.color.text.accent.ash,
+  aiBottomGradientColor: semantics.color.background.aiBottomGradient,
+  aiTopGradientColor: semantics.color.background.aiTopGradient,
+  textOnColor: semantics.color.text.onColor,
+  size2xs: "1.5rem",
+  sizeXs: "2rem",
+  sizeSm: "2.5rem",
+  sizeMd: "3rem",
+  sizeLg: "3.5rem",
+  sizeXl: "4rem",
+  size2xl: "5rem",
+  fontSize2xs: semantics.fontSize.textXs,
+  fontSizeXs: semantics.fontSize.textXs,
+  fontSizeSm: semantics.fontSize.textSm,
+  fontSizeMd: semantics.fontSize.textBase,
+  fontSizeLg: semantics.fontSize.textLg,
+  fontSizeXl: semantics.fontSize.textXl,
+  fontSize2xl: semantics.fontSize.text2xl,
+  fontFamily: semantics.fontFamily.base,
+  rectangleRadius: semantics.borderRadius.sm,
+}
+export default avatar