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

package/src/themes/newThemes/light/components/toggleDetails.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 { ToggleDetails } from "../../componentTypes/toggleDetails"
+import semantics from "../semantics"
+
+const toggleDetails: ToggleDetails = {
+  fontFamily: semantics.fontFamily.base,
+  fontSizeLarge: semantics.fontSize.textLg,
+  fontSizeMedium: semantics.fontSize.textBase,
+  fontSizeSmall: semantics.fontSize.textSm,
+  fontWeight: semantics.fontWeight.body.base,
+  iconMargin: "0.375rem",
+  lineHeight: semantics.lineHeight.paragraph.base,
+  textColor: semantics.color.text.base,
+  toggleBorderRadius: semantics.borderRadius.interactive.base,
+  toggleBorderStyle: "solid",
+  toggleBorderWidth: semantics.borderWidth.md,
+  togglePadding: "0.375rem",
+  contentPaddingSmall: "1.125rem",
+  contentPaddingMedium: "1.125rem",
+  contentPaddingLarge: "1.375rem",
+}
+export default toggleDetails

package/src/themes/newThemes/light/components/toggleGroup.ts

@@ -0,0 +1,29 @@
+/*
+ * 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 { ToggleGroup } from "../../componentTypes/toggleGroup"
+import semantics from "../semantics"
+
+const toggleGroup: ToggleGroup = { borderColor: semantics.color.stroke.base }
+export default toggleGroup

package/src/themes/newThemes/light/components/tooltip.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.
+ */
+
+import type { Tooltip } from "../../componentTypes/tooltip"
+import semantics from "../semantics"
+
+const tooltip: Tooltip = {
+  padding: semantics.spacing.spaceMd,
+  fontFamily: semantics.fontFamily.base,
+  fontWeight: semantics.fontWeight.body.base,
+  fontSize: semantics.fontSize.textSm,
+}
+export default tooltip

package/src/themes/newThemes/light/components/topNavBarActionItems.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 { TopNavBarActionItems } from "../../componentTypes/topNavBarActionItems"
+import semantics from "../semantics"
+
+const topNavBarActionItems: TopNavBarActionItems = {
+  smallViewportActionItemContainerMargin: "3.75rem",
+  smallViewportActionItemContainerMaxWidth: "50%",
+  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
+  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
+  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
+  activeIndicatorWidth: semantics.borderWidth.md,
+}
+export default topNavBarActionItems

package/src/themes/newThemes/light/components/topNavBarBrand.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.
+ */
+
+import type { TopNavBarBrand } from "../../componentTypes/topNavBarBrand"
+import semantics from "../semantics"
+
+const topNavBarBrand: TopNavBarBrand = {
+  logoHeight: "2.25rem",
+  iconPadding: semantics.spacing.spaceMd,
+  focusOutlineInset: "-0.25rem",
+}
+export default topNavBarBrand

package/src/themes/newThemes/light/components/topNavBarItem.ts

@@ -0,0 +1,43 @@
+/*
+ * 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 { TopNavBarItem } from "../../componentTypes/topNavBarItem"
+import semantics from "../semantics"
+
+const topNavBarItem: TopNavBarItem = {
+  fontSize: semantics.fontSize.textBase,
+  fontFamily: semantics.fontFamily.base,
+  fontWeight: semantics.fontWeight.body.base,
+  color: semantics.color.text.inverse,
+  colorInverse: semantics.color.text.base,
+  itemInlinePadding: semantics.spacing.spaceSm,
+  itemSpacing: semantics.spacing.spaceSm,
+  iconTextGap: semantics.spacing.spaceSm,
+  activeItemFontWeight: semantics.fontWeight.body.strong,
+  activeItemIndicatorSpacing: semantics.spacing.spaceXs,
+  activeIndicatorColor: semantics.color.text.inverse,
+  activeIndicatorColorInverse: semantics.color.text.base,
+  smallViewportFontSize: semantics.fontSize.textBase,
+}
+export default topNavBarItem

package/src/themes/newThemes/light/components/topNavBarLayout.ts

@@ -0,0 +1,63 @@
+/*
+ * 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 { TopNavBarLayout } from "../../componentTypes/topNavBarLayout"
+import semantics from "../semantics"
+
+const topNavBarLayout: TopNavBarLayout = {
+  desktopBackground: semantics.color.background.container,
+  desktopBackgroundInverse: semantics.color.background.container,
+  desktopBottomBorder: "none",
+  desktopFontFamily: semantics.fontFamily.base,
+  desktopFontSize: semantics.fontSize.textBase,
+  desktopFontWeight: semantics.fontWeight.body.base,
+  desktopHeight: "4rem",
+  desktopInlinePadding: semantics.spacing.padding.container.xs,
+  desktopMenuItemsContainerInlineMargin: "0 2.25rem",
+  desktopUserContainerInlineMargin: "0.5rem 0",
+  desktopUserSeparatorColor: semantics.color.stroke.muted,
+  desktopUserSeparatorColorInverse: semantics.color.stroke.muted,
+  desktopUserSeparatorGap: semantics.spacing.spaceSm,
+  desktopUserSeparatorHeight: "1.5rem",
+  desktopUserSeparatorWidth: semantics.borderWidth.sm,
+  desktopZIndex: 9998,
+  smallViewportAlternativeTitleBlockMargin: "0rem",
+  smallViewportAlternativeTitleInlineMargin: "0.375rem",
+  smallViewportBackground: semantics.color.background.dark,
+  smallViewportBackgroundInverse: semantics.color.background.muted,
+  smallViewportBottomBorder: "none",
+  smallViewportBottomBorderInverse: "0.0625rem solid #E8EAEC",
+  smallViewportDropdownMenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
+  smallViewportDropdownMenuActiveOptionIndicatorColor: "currentColor",
+  smallViewportDropdownMenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
+  smallViewportDropdownMenuActiveOptionIndicatorWidth: semantics.borderWidth.lg,
+  smallViewportFontFamily: semantics.fontFamily.base,
+  smallViewportFontWeight: semantics.fontWeight.body.base,
+  smallViewportHeight: "3.5rem",
+  smallViewportInlinePadding: "0.25rem",
+  smallViewportTrayPosition: "fixed",
+  smallViewportTrayZIndex: 9998,
+  smallViewportZIndex: 10000,
+}
+export default topNavBarLayout

package/src/themes/newThemes/light/components/topNavBarMenuItems.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 { TopNavBarMenuItems } from "../../componentTypes/topNavBarMenuItems"
+import semantics from "../semantics"
+
+const topNavBarMenuItems: TopNavBarMenuItems = {
+  desktopItemSpacing: semantics.spacing.spaceLg,
+  desktopMaxWidth: "100%",
+  desktopSubmenuActiveOptionFontWeight: semantics.fontWeight.body.strong,
+  desktopSubmenuActiveOptionIndicatorColor: "currentColor",
+  desktopSubmenuActiveOptionIndicatorSpacing: semantics.spacing.spaceXs,
+  desktopSubmenuActiveOptionIndicatorWidth: "0.125rem",
+}
+export default topNavBarMenuItems

package/src/themes/newThemes/light/components/tray.ts

@@ -0,0 +1,58 @@
+/*
+ * 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 { Tray } from "../../componentTypes/tray"
+import semantics from "../semantics"
+
+const tray: Tray = {
+  backgroundColor: semantics.color.background.container,
+  borderColor: semantics.color.stroke.container.base,
+  borderWidth: semantics.borderWidth.sm,
+  boxShadow: {
+    0: {
+      x: semantics.dropShadow.x.elevation4.dropshadow1,
+      y: semantics.dropShadow.y.elevation4.dropshadow1,
+      blur: semantics.dropShadow.blur.elevation4.dropshadow1,
+      spread: semantics.dropShadow.spread.elevation4.dropshadow1,
+      color: semantics.color.dropShadow.shadowColor2,
+      type: "dropShadow",
+    },
+    1: {
+      x: semantics.dropShadow.x.elevation4.dropshadow2,
+      y: semantics.dropShadow.y.elevation4.dropshadow2,
+      blur: semantics.dropShadow.blur.elevation4.dropshadow2,
+      spread: semantics.dropShadow.spread.elevation4.dropshadow2,
+      color: semantics.color.dropShadow.shadowColor1,
+      type: "dropShadow",
+    },
+  },
+  widthXs: "16em",
+  widthSm: "20em",
+  widthMd: "30em",
+  widthLg: "48em",
+  widthXl: "62em",
+  padding: semantics.spacing.padding.container.md,
+  zIndex: 9999,
+}
+export default tray

package/src/themes/newThemes/light/components/treeBrowser.ts

@@ -0,0 +1,29 @@
+/*
+ * 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 { TreeBrowser } from "../../componentTypes/treeBrowser"
+import semantics from "../semantics"
+
+const treeBrowser: TreeBrowser = { borderRadius: semantics.borderRadius.md }
+export default treeBrowser

package/src/themes/newThemes/light/components/treeBrowserTreeButton.ts

@@ -0,0 +1,53 @@
+/*
+ * 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 { TreeBrowserTreeButton } from "../../componentTypes/treeBrowserTreeButton"
+import semantics from "../semantics"
+
+const treeBrowserTreeButton: TreeBrowserTreeButton = {
+  baseSpacingLarge: semantics.spacing.spaceLg,
+  baseSpacingMedium: semantics.spacing.spaceMd,
+  baseSpacingSmall: semantics.spacing.spaceSm,
+  borderColor: semantics.color.stroke.strong,
+  borderRadius: semantics.borderRadius.md,
+  borderWidth: semantics.borderWidth.sm,
+  descriptorFontSizeLarge: semantics.fontSize.textSm,
+  descriptorFontSizeMedium: semantics.fontSize.textXs,
+  descriptorFontSizeSmall: semantics.fontSize.textXs,
+  descriptorMarginTop: semantics.spacing.space2xs,
+  descriptorTextColor: semantics.color.text.base,
+  hoverBackgroundColor: semantics.color.background.brand,
+  hoverTextColor: semantics.color.text.inverse,
+  nameFontSizeLarge: semantics.fontSize.textBase,
+  nameFontSizeMedium: semantics.fontSize.textSm,
+  nameFontSizeSmall: semantics.fontSize.textXs,
+  nameTextColor: semantics.color.text.interactive.navigation.primary.base,
+  selectedBackgroundColor: semantics.color.background.accent.grey,
+  selectedTextColor: semantics.color.text.onColor,
+  textLineHeight: semantics.lineHeight.standalone.base,
+  iconsMarginRightSmall: semantics.spacing.spaceXs,
+  iconsMarginRightMedium: semantics.spacing.spaceSm,
+  iconsMarginRightLarge: semantics.spacing.spaceLg,
+}
+export default treeBrowserTreeButton

package/src/themes/newThemes/light/components/treeBrowserTreeCollection.ts

@@ -0,0 +1,36 @@
+/*
+ * 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 { TreeBrowserTreeCollection } from "../../componentTypes/treeBrowserTreeCollection"
+import semantics from "../semantics"
+
+const treeBrowserTreeCollection: TreeBrowserTreeCollection = {
+  baseSpacingLarge: semantics.spacing.spaceLg,
+  baseSpacingMedium: semantics.spacing.spaceMd,
+  baseSpacingSmall: semantics.spacing.spaceSm,
+  borderColor: semantics.color.stroke.strong,
+  borderWidth: semantics.borderWidth.sm,
+  fontFamily: semantics.fontFamily.base,
+}
+export default treeBrowserTreeCollection

package/src/themes/newThemes/light/components/truncateText.ts

@@ -0,0 +1,32 @@
+/*
+ * 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 { TruncateText } from "../../componentTypes/truncateText"
+import semantics from "../semantics"
+
+const truncateText: TruncateText = {
+  fontFamily: semantics.fontFamily.base,
+  lineHeight: semantics.lineHeight.paragraph.base,
+}
+export default truncateText

package/src/themes/newThemes/light/components/view.ts

@@ -0,0 +1,57 @@
+/*
+ * 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 { View } from "../../componentTypes/view"
+import semantics from "../semantics"
+
+const view: View = {
+  fontFamily: semantics.fontFamily.base,
+  color: semantics.color.text.base,
+  colorPrimaryInverse: semantics.color.text.inverse,
+  borderColorPrimary: semantics.color.stroke.muted,
+  borderColorSecondary: semantics.color.stroke.base,
+  borderColorSuccess: semantics.color.stroke.success,
+  borderColorBrand: semantics.color.stroke.brand,
+  borderColorInfo: semantics.color.stroke.info,
+  borderColorAlert: semantics.color.stroke.info,
+  borderColorWarning: semantics.color.stroke.warning,
+  borderColorDanger: semantics.color.stroke.error,
+  borderColorTransparent: "#00000000",
+  debugOutlineColor: semantics.color.stroke.error,
+  backgroundPrimary: semantics.color.background.elevatedSurface.base,
+  backgroundSecondary: semantics.color.background.muted,
+  backgroundPrimaryInverse: semantics.color.background.elevatedSurface.inverse,
+  backgroundBrand: semantics.color.background.brand,
+  backgroundInfo: semantics.color.background.info,
+  backgroundAlert: semantics.color.background.info,
+  backgroundSuccess: semantics.color.background.success,
+  backgroundDanger: semantics.color.background.error,
+  backgroundWarning: semantics.color.background.warning,
+  stackingTopmost: 9999,
+  stackingAbove: 1,
+  stackingBelow: -1,
+  stackingDeepest: -9999,
+  borderStyle: "solid",
+}
+export default view