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

package/es/themes/newThemes/dark/components/heading.js

@@ -0,0 +1,120 @@
+/*
+ * 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 semantics from "../semantics.js";
+const heading = {
+  h1FontSize: semantics.fontSize.text2xl,
+  h2FontSize: semantics.fontSize.textXl,
+  h3FontSize: semantics.fontSize.textLg,
+  h4FontSize: semantics.fontSize.textBase,
+  h5FontSize: semantics.fontSize.textSm,
+  h6FontSize: semantics.fontSize.textXs,
+  h1FontWeight: semantics.fontWeight.heading.strong,
+  h2FontWeight: semantics.fontWeight.heading.base,
+  h3FontWeight: semantics.fontWeight.heading.strong,
+  h4FontWeight: semantics.fontWeight.heading.strong,
+  h5FontWeight: semantics.fontWeight.heading.base,
+  h6FontWeight: semantics.fontWeight.heading.base,
+  h1FontFamily: semantics.fontFamily.heading,
+  h2FontFamily: semantics.fontFamily.heading,
+  h3FontFamily: semantics.fontFamily.heading,
+  h4FontFamily: semantics.fontFamily.heading,
+  h5FontFamily: semantics.fontFamily.heading,
+  h6FontFamily: semantics.fontFamily.heading,
+  lineHeight: semantics.lineHeight.heading.base,
+  borderWidth: semantics.borderWidth.sm,
+  baseColor: semantics.color.text.base,
+  baseOnColor: semantics.color.text.onColor,
+  mutedColor: semantics.color.text.muted,
+  mutedOnColor: semantics.color.text.onColor,
+  inverseColor: semantics.color.text.inverse,
+  aiTextTopGradientColor: semantics.color.text.accent.violet,
+  aiTextBottomGradientColor: semantics.color.text.accent.sea,
+  borderColor: semantics.color.stroke.base,
+  borderStyle: "solid",
+  borderPadding: semantics.spacing.space2xs,
+  titlePageDesktop: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.text2xl,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titlePageMobile: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: "2rem",
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleSection: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textXl,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleCardSection: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textXl,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleModule: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: "1.5rem",
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleCardLarge: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: "1.5rem",
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleCardRegular: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textLg,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  titleCardMini: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  label: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  labelInline: {
+    fontFamily: semantics.fontFamily.heading,
+    fontWeight: semantics.fontWeight.heading.strong,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.heading.base
+  },
+  gapIconSm: semantics.spacing.space2xs,
+  gapIconMd: semantics.spacing.spaceXs,
+  gapIconLg: semantics.spacing.spaceSm
+};
+export default heading;

package/es/themes/newThemes/dark/components/icon.js

@@ -0,0 +1,116 @@
+/*
+ * 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 semantics from "../semantics.js";
+const icon = {
+  sizeXs: "0.75rem",
+  sizeSm: "1rem",
+  sizeMd: "1.25rem",
+  sizeLg: "1.5rem",
+  sizeXl: "2rem",
+  size2xl: "2.25rem",
+  illuSm: "3rem",
+  illuMd: "5rem",
+  illuLg: "10rem",
+  strokeWidthXs: "0.0625rem",
+  strokeWidthSm: "0.078125rem",
+  strokeWidthMd: "0.09375rem",
+  strokeWidthLg: "0.125rem",
+  strokeWidthXl: "0.15625rem",
+  strokeWidth2xl: "0.1875rem",
+  strokeWidthIlluSm: "0.25rem",
+  strokeWidthIlluMd: "0.5rem",
+  strokeWidthIlluLg: "0.75rem",
+  baseColor: semantics.color.icon.base,
+  mutedColor: semantics.color.icon.muted,
+  successColor: semantics.color.icon.success,
+  errorColor: semantics.color.icon.error,
+  warningColor: semantics.color.icon.warning,
+  infoColor: semantics.color.icon.info,
+  onColor: semantics.color.icon.onColor,
+  inverseColor: semantics.color.icon.inverse,
+  disabledBaseColor: semantics.color.icon.interactive.disabled.base,
+  disabledOnColor: semantics.color.icon.interactive.disabled.onColor,
+  dark: semantics.color.icon.dark,
+  sideNavColor: semantics.color.icon.brand,
+  sideNavActiveColor: semantics.color.icon.inverse,
+  navigationPrimaryBaseColor: semantics.color.icon.interactive.navigation.primary.base,
+  navigationPrimaryHoverColor: semantics.color.icon.interactive.navigation.primary.hover,
+  navigationPrimaryActiveColor: semantics.color.icon.interactive.navigation.primary.active,
+  navigationPrimaryOnColorBaseColor: semantics.color.icon.interactive.navigation.primaryOnColor.base,
+  navigationPrimaryOnColorHoverColor: semantics.color.icon.interactive.navigation.primaryOnColor.hover,
+  navigationPrimaryOnColorActiveColor: semantics.color.icon.interactive.navigation.primaryOnColor.active,
+  actionSecondaryBaseColor: semantics.color.icon.interactive.action.secondary.base,
+  actionSecondaryHoverColor: semantics.color.icon.interactive.action.secondary.hover,
+  actionSecondaryActiveColor: semantics.color.icon.interactive.action.secondary.active,
+  actionSecondaryDisabledColor: semantics.color.icon.interactive.action.secondary.disabled,
+  actionStatusBaseColor: semantics.color.icon.interactive.action.status.base,
+  actionStatusHoverColor: semantics.color.icon.interactive.action.status.hover,
+  actionStatusActiveColor: semantics.color.icon.interactive.action.status.active,
+  actionStatusDisabledColor: semantics.color.icon.interactive.action.status.disabled,
+  actionAiSecondaryTopGradientBaseColor: semantics.color.icon.interactive.action.aiSecondary.topGradient.base,
+  actionAiSecondaryBottomGradientBaseColor: semantics.color.icon.interactive.action.aiSecondary.bottomGradient.base,
+  actionAiBaseColor: semantics.color.icon.interactive.action.ai.base,
+  actionAiHoverColor: semantics.color.icon.interactive.action.ai.hover,
+  actionAiActiveColor: semantics.color.icon.interactive.action.ai.active,
+  actionAiDisabledColor: semantics.color.icon.interactive.action.ai.disabled,
+  actionPrimaryBaseColor: semantics.color.icon.interactive.action.primary.base,
+  actionPrimaryHoverColor: semantics.color.icon.interactive.action.primary.hover,
+  actionPrimaryActiveColor: semantics.color.icon.interactive.action.primary.active,
+  actionPrimaryDisabledColor: semantics.color.icon.interactive.action.primary.disabled,
+  actionPrimaryOnColorBaseColor: semantics.color.icon.interactive.action.primaryOnColor.base,
+  actionTertiaryBaseColor: semantics.color.icon.interactive.action.tertiary.base,
+  actionTertiaryHoverColor: semantics.color.icon.interactive.action.tertiary.hover,
+  actionTertiaryActiveColor: semantics.color.icon.interactive.action.tertiary.active,
+  actionPrimaryOnColorHoverColor: semantics.color.icon.interactive.action.primaryOnColor.hover,
+  actionPrimaryOnColorActiveColor: semantics.color.icon.interactive.action.primaryOnColor.active,
+  actionPrimaryOnColorDisabledColor: semantics.color.icon.interactive.action.primaryOnColor.disabled,
+  actionTertiaryDisabledColor: semantics.color.icon.interactive.action.tertiary.disabled,
+  actionSuccessSecondaryBaseColor: semantics.color.icon.interactive.action.successSecondary.base,
+  actionSuccessSecondaryHoverColor: semantics.color.icon.interactive.action.successSecondary.hover,
+  actionSuccessSecondaryActiveColor: semantics.color.icon.interactive.action.successSecondary.active,
+  actionSuccessSecondaryDisabledColor: semantics.color.icon.interactive.action.successSecondary.disabled,
+  actionDestructiveSecondaryBaseColor: semantics.color.icon.interactive.action.destructiveSecondary.base,
+  actionDestructiveSecondaryHoverColor: semantics.color.icon.interactive.action.destructiveSecondary.hover,
+  actionDestructiveSecondaryActiveColor: semantics.color.icon.interactive.action.destructiveSecondary.active,
+  actionDestructiveSecondaryDisabledColor: semantics.color.icon.interactive.action.destructiveSecondary.disabled,
+  accentBlueColor: semantics.color.icon.accent.blue,
+  accentGreenColor: semantics.color.icon.accent.green,
+  accentRedColor: semantics.color.icon.accent.red,
+  accentOrangeColor: semantics.color.icon.accent.orange,
+  accentGreyColor: semantics.color.icon.accent.grey,
+  accentAshColor: semantics.color.icon.accent.ash,
+  accentPlumColor: semantics.color.icon.accent.plum,
+  accentVioletColor: semantics.color.icon.accent.violet,
+  accentStoneColor: semantics.color.icon.accent.stone,
+  accentSkyColor: semantics.color.icon.accent.sky,
+  accentHoneyColor: semantics.color.icon.accent.honey,
+  accentSeaColor: semantics.color.icon.accent.sea,
+  accentAuroraColor: semantics.color.icon.accent.aurora,
+  actionAiSecondaryDisabledColor: semantics.color.icon.interactive.action.aiSecondary.disabled,
+  actionSecondaryOnColorBaseColor: semantics.color.icon.interactive.action.secondaryOnColor.base,
+  actionSecondaryOnColorHoverColor: semantics.color.icon.interactive.action.secondaryOnColor.hover,
+  actionSecondaryOnColorActiveColor: semantics.color.icon.interactive.action.secondaryOnColor.active,
+  actionSecondaryOnColorDisabledColor: semantics.color.icon.interactive.action.secondaryOnColor.disabled
+};
+export default icon;

package/es/themes/newThemes/dark/components/inlineListItem.js

@@ -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 semantics from "../semantics.js";
+const inlineListItem = {
+  arrowSpacing: semantics.spacing.spaceSm,
+  color: semantics.color.text.base,
+  delimiterColor: semantics.color.text.muted,
+  fontFamily: semantics.fontFamily.base,
+  fontSizeLarge: semantics.fontSize.textLg,
+  fontSizeMedium: semantics.fontSize.textBase,
+  fontSizeSmall: semantics.fontSize.textSm,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.standalone.base,
+  noneSpacing: semantics.spacing.spaceSm,
+  pipeSpacing: semantics.spacing.spaceSm,
+  slashSpacing: semantics.spacing.spaceSm,
+  spacingLarge: "2.25rem",
+  spacingMedium: semantics.spacing.spaceXl,
+  spacingSmall: semantics.spacing.spaceMd,
+  spacingXLarge: "3rem",
+  spacingXSmall: semantics.spacing.spaceSm,
+  spacingXXLarge: "3.75rem",
+  spacingXXSmall: "0.375rem",
+  spacingXXXSmall: semantics.spacing.space2xs
+};
+export default inlineListItem;

package/es/themes/newThemes/dark/components/link.js

@@ -0,0 +1,70 @@
+/*
+ * 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 semantics from "../semantics.js";
+const link = {
+  textColor: semantics.color.text.interactive.navigation.primary.base,
+  textHoverColor: semantics.color.text.interactive.navigation.primary.hover,
+  textDisabledColor: semantics.color.text.interactive.disabled.base,
+  onColorTextColor: semantics.color.text.interactive.navigation.primaryOnColor.base,
+  onColorTextHoverColor: semantics.color.text.interactive.navigation.primaryOnColor.hover,
+  onColorTextDisabledColor: semantics.color.text.interactive.disabled.onColor,
+  fontSizeSm: semantics.fontSize.textSm,
+  fontSizeMd: semantics.fontSize.textBase,
+  fontSizeLg: semantics.fontSize.textXl,
+  fontWeight: semantics.fontWeight.interactive,
+  gapSm: semantics.spacing.space2xs,
+  gapMd: semantics.spacing.spaceXs,
+  gapLg: semantics.spacing.spaceXs,
+  lineHeightSm: semantics.lineHeight.standalone.textSm,
+  lineHeightMd: semantics.lineHeight.standalone.textBase,
+  lineHeightLg: semantics.lineHeight.standalone.textXl,
+  fontFamily: semantics.fontFamily.base,
+  inlineLink: {
+    small: {
+      fontFamily: semantics.fontFamily.base,
+      fontWeight: semantics.fontWeight.body.strong,
+      fontSize: semantics.fontSize.textSm,
+      lineHeight: semantics.lineHeight.standalone.textSm,
+      textDecoration: "underline"
+    },
+    medium: {
+      fontFamily: semantics.fontFamily.base,
+      fontWeight: semantics.fontWeight.body.strong,
+      fontSize: semantics.fontSize.textBase,
+      lineHeight: semantics.lineHeight.paragraph.textBase,
+      textDecoration: "underline"
+    },
+    large: {
+      fontFamily: semantics.fontFamily.base,
+      fontWeight: semantics.fontWeight.body.strong,
+      fontSize: semantics.fontSize.textXl,
+      lineHeight: semantics.lineHeight.standalone.textXl,
+      textDecoration: "underline"
+    }
+  },
+  textDecorationWithinText: "underline",
+  textDecorationOutsideText: "none",
+  unstyledTextColor: semantics.color.text.base
+};
+export default link;

package/es/themes/newThemes/dark/components/list.js

@@ -0,0 +1,30 @@
+/*
+ * 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 semantics from "../semantics.js";
+const list = {
+  listPadding: "2.25rem",
+  orderedNumberMargin: semantics.spacing.spaceSm,
+  orderedNumberFontWeight: semantics.fontWeight.body.strong
+};
+export default list;

package/es/themes/newThemes/dark/components/listItem.js

@@ -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 semantics from "../semantics.js";
+const listItem = {
+  color: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSizeLarge: semantics.fontSize.textLg,
+  fontSizeMedium: semantics.fontSize.textBase,
+  fontSizeSmall: semantics.fontSize.textSm,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.paragraph.base,
+  spacingXXXSmall: semantics.spacing.space2xs,
+  spacingXXSmall: "0.375rem",
+  spacingXSmall: semantics.spacing.spaceSm,
+  spacingSmall: semantics.spacing.spaceMd,
+  spacingMedium: semantics.spacing.spaceXl,
+  spacingLarge: "2.25rem",
+  spacingXLarge: "3rem",
+  spacingXXLarge: "3.75rem",
+  delimiterDashedBorder: {
+    color: semantics.color.stroke.muted,
+    width: semantics.borderWidth.sm,
+    style: "dashed"
+  },
+  delimiterSolidBorder: {
+    color: semantics.color.stroke.muted,
+    width: semantics.borderWidth.sm,
+    style: "solid"
+  }
+};
+export default listItem;

package/es/themes/newThemes/dark/components/mask.js

@@ -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 semantics from "../semantics.js";
+const mask = {
+  backgroundColor: semantics.color.background.overlay.base,
+  darkBackgroundColor: semantics.color.background.overlay.dark
+};
+export default mask;

package/es/themes/newThemes/dark/components/menu.js

@@ -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.
+ */
+
+const menu = {
+  maxWidth: "16em",
+  minWidth: "8em"
+};
+export default menu;

package/es/themes/newThemes/dark/components/menuGroup.js

@@ -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 semantics from "../semantics.js";
+const menuGroup = {
+  background: semantics.color.background.elevatedSurface.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.strong,
+  color: semantics.color.text.base,
+  paddingHorizontal: semantics.spacing.spaceMd,
+  paddingVertical: semantics.spacing.spaceSm
+};
+export default menuGroup;

package/es/themes/newThemes/dark/components/menuItem.js

@@ -0,0 +1,44 @@
+/*
+ * 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 semantics from "../semantics.js";
+const menuItem = {
+  activeBackground: semantics.color.background.interactive.action.primary.base,
+  activeLabelColor: semantics.color.text.interactive.action.primary.base,
+  background: semantics.color.background.elevatedSurface.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  iconPadding: semantics.spacing.spaceMd,
+  labelColor: semantics.color.text.base,
+  labelInfoColor: semantics.color.text.muted,
+  lineHeight: semantics.lineHeight.paragraph.textSm,
+  labelPadding: "0rem",
+  paddingVertical: semantics.spacing.spaceSm,
+  paddingHorizontal: semantics.spacing.spaceMd,
+  highlightedBackground: semantics.color.background.interactive.action.tertiary.hover,
+  selectedHighlightedBackground: semantics.color.background.interactive.action.primary.hover,
+  highlightedLabelColor: semantics.color.text.base,
+  highlightedLabelInfoColor: semantics.color.text.base
+};
+export default menuItem;

package/es/themes/newThemes/dark/components/menuSeparator.js

@@ -0,0 +1,31 @@
+/*
+ * 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 semantics from "../semantics.js";
+const menuSeparator = {
+  background: semantics.color.stroke.muted,
+  height: "0.0625rem",
+  marginVertical: "0rem",
+  marginHorizontal: "0.75rem"
+};
+export default menuSeparator;

package/es/themes/newThemes/dark/components/metric.js

@@ -0,0 +1,39 @@
+/*
+ * 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 semantics from "../semantics.js";
+const metric = {
+  labelColor: semantics.color.text.muted,
+  labelFontSize: semantics.fontSize.textXs,
+  paddingHorizontal: semantics.spacing.spaceSm,
+  valueColor: semantics.color.text.base,
+  valueFontSize: semantics.fontSize.textXl,
+  gapTexts: semantics.spacing.spaceSm,
+  labelLineHeight: semantics.lineHeight.standalone.textXs,
+  valueLineHeight: semantics.lineHeight.standalone.text2xl,
+  labelFontFamily: semantics.fontFamily.base,
+  valueFontFamily: semantics.fontFamily.heading,
+  labelFontWeight: semantics.fontWeight.body.base,
+  valueFontWeight: semantics.fontWeight.heading.base
+};
+export default metric;