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

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

@@ -0,0 +1,49 @@
+/*
+ * 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 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/es/themes/newThemes/dark/components/appNav.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 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/es/themes/newThemes/dark/components/appNavItem.js

@@ -0,0 +1,35 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import semantics from "../semantics.js";
+const 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/es/themes/newThemes/dark/components/avatar.js

@@ -0,0 +1,71 @@
+/*
+ * 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 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;

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

@@ -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 semantics from "../semantics.js";
+const badge = {
+  borderRadius: semantics.borderRadius.full,
+  fontFamily: semantics.fontFamily.base,
+  color: semantics.color.text.onColor,
+  colorInverse: semantics.color.text.dark,
+  colorDanger: semantics.color.background.error,
+  colorSuccess: semantics.color.background.success,
+  colorPrimary: semantics.color.background.info,
+  fontSize: semantics.fontSize.textSm,
+  fontWeight: semantics.fontWeight.body.strong,
+  sizeNotification: "0.75rem",
+  size: "1.25rem",
+  padding: semantics.spacing.spaceXs,
+  notificationOffset: "0.125rem",
+  notificationZIndex: 1,
+  pulseBorderThickness: "0.125rem",
+  countOffset: "0.5rem"
+};
+export default badge;

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

@@ -0,0 +1,209 @@
+/*
+ * 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 baseButton = {
+  primaryActiveBackground: semantics.color.background.interactive.action.primary.active,
+  primaryActiveBorderColor: semantics.color.stroke.interactive.action.primary.active,
+  primaryActiveTextColor: semantics.color.text.interactive.action.primary.active,
+  primaryBackground: semantics.color.background.interactive.action.primary.base,
+  primaryBorderColor: semantics.color.stroke.interactive.action.primary.base,
+  primaryColor: semantics.color.text.interactive.action.primary.base,
+  primaryDisabledBackgroundColor: semantics.color.background.interactive.action.primary.disabled,
+  primaryDisabledBorderColor: semantics.color.stroke.interactive.action.primary.disabled,
+  primaryDisabledTextColor: semantics.color.text.interactive.action.primary.disabled,
+  primaryGhostActiveBackground: semantics.color.background.interactive.action.tertiary.active,
+  primaryGhostBorderColor: semantics.color.stroke.interactive.action.tertiary.base,
+  primaryGhostColor: semantics.color.text.interactive.action.tertiary.base,
+  primaryGhostHoverBackground: semantics.color.background.interactive.action.tertiary.hover,
+  primaryHoverBackground: semantics.color.background.interactive.action.primary.hover,
+  primaryHoverBorderColor: semantics.color.stroke.interactive.action.primary.hover,
+  primaryHoverTextColor: semantics.color.text.interactive.action.primary.hover,
+  primaryInverseActiveBackground: semantics.color.background.interactive.action.primaryOnColor.active,
+  primaryInverseBackground: semantics.color.background.interactive.action.primaryOnColor.base,
+  primaryInverseBorderColor: semantics.color.stroke.interactive.action.primaryOnColor.base,
+  primaryInverseColor: semantics.color.text.interactive.action.primaryOnColor.base,
+  primaryInverseGhostActiveBackground: semantics.color.background.interactive.action.ghost.onColor.hover,
+  primaryInverseGhostBorderColor: semantics.color.stroke.interactive.action.secondaryOnColor.base,
+  primaryInverseGhostColor: semantics.color.text.interactive.action.secondaryOnColor.base,
+  primaryInverseGhostHoverBackground: semantics.color.background.interactive.action.ghost.onColor.hover,
+  primaryInverseHoverBackground: semantics.color.background.interactive.action.primaryOnColor.hover,
+  primaryOnColorActiveBorderColor: semantics.color.stroke.interactive.action.primaryOnColor.active,
+  primaryOnColorActiveTextColor: semantics.color.text.interactive.action.primaryOnColor.active,
+  primaryOnColorDisabledBackgroundColor: semantics.color.background.interactive.action.primaryOnColor.disabled,
+  primaryOnColorDisabledBorderColor: semantics.color.stroke.interactive.action.primaryOnColor.disabled,
+  primaryOnColorDisabledTextColor: semantics.color.text.interactive.action.primaryOnColor.disabled,
+  primaryOnColorHoverBorderColor: semantics.color.stroke.interactive.action.primaryOnColor.hover,
+  primaryOnColorHoverTextColor: semantics.color.text.interactive.action.primaryOnColor.hover,
+  secondaryActiveBackground: semantics.color.background.interactive.action.secondary.active,
+  secondaryActiveBorderColor: semantics.color.stroke.interactive.action.secondary.active,
+  secondaryActiveTextColor: semantics.color.text.interactive.action.secondary.active,
+  secondaryBackground: semantics.color.background.interactive.action.secondary.base,
+  secondaryBorderColor: semantics.color.stroke.interactive.action.secondary.base,
+  secondaryColor: semantics.color.text.interactive.action.secondary.base,
+  secondaryDisabledBackgroundColor: semantics.color.background.interactive.action.secondary.disabled,
+  secondaryDisabledBorderColor: semantics.color.stroke.interactive.action.secondary.disabled,
+  secondaryDisabledTextColor: semantics.color.text.interactive.action.secondary.disabled,
+  secondaryGhostBorderColor: semantics.color.stroke.interactive.action.secondary.base,
+  secondaryGhostColor: semantics.color.text.interactive.action.secondary.base,
+  secondaryGhostHoverBackground: semantics.color.background.interactive.action.secondary.hover,
+  secondaryHoverBackground: semantics.color.background.interactive.action.secondary.hover,
+  secondaryHoverBorderColor: semantics.color.stroke.interactive.action.secondary.hover,
+  secondaryHoverTextColor: semantics.color.text.interactive.action.secondary.hover,
+  secondaryOnColorActiveBorderColor: semantics.color.stroke.interactive.action.secondaryOnColor.active,
+  secondaryOnColorActiveTextColor: semantics.color.text.interactive.action.secondaryOnColor.active,
+  secondaryOnColorDisabledBorderColor: semantics.color.stroke.interactive.action.secondaryOnColor.disabled,
+  secondaryOnColorDisabledTextColor: semantics.color.text.interactive.action.secondaryOnColor.disabled,
+  secondaryOnColorHoverBorderColor: semantics.color.stroke.interactive.action.secondaryOnColor.hover,
+  secondaryOnColorHoverTextColor: semantics.color.text.interactive.action.secondaryOnColor.hover,
+  successActiveBackground: semantics.color.background.interactive.action.success.active,
+  successActiveBorderColor: semantics.color.stroke.interactive.action.success.active,
+  successActiveTextColor: semantics.color.text.interactive.action.status.active,
+  successBackground: semantics.color.background.interactive.action.success.base,
+  successBorderColor: semantics.color.stroke.interactive.action.success.base,
+  successColor: semantics.color.text.interactive.action.status.base,
+  successDisabledBackgroundColor: semantics.color.background.interactive.action.success.disabled,
+  successDisabledBorderColor: semantics.color.stroke.interactive.action.success.disabled,
+  successDisabledTextColor: semantics.color.text.interactive.action.status.disabled,
+  successGhostActiveBackground: semantics.color.background.interactive.action.success.secondary.active,
+  successGhostBorderColor: semantics.color.stroke.interactive.action.success.secondary.base,
+  successGhostColor: semantics.color.text.interactive.action.successSecondary.base,
+  successGhostHoverBackground: semantics.color.background.interactive.action.success.secondary.hover,
+  successHoverBackground: semantics.color.background.interactive.action.success.hover,
+  successHoverBorderColor: semantics.color.stroke.interactive.action.success.hover,
+  successHoverTextColor: semantics.color.text.interactive.action.status.hover,
+  successSecondaryActiveBorderColor: semantics.color.stroke.interactive.action.success.secondary.active,
+  successSecondaryActiveTextColor: semantics.color.text.interactive.action.successSecondary.active,
+  successSecondaryDisabledBorderColor: semantics.color.stroke.interactive.action.success.secondary.disabled,
+  successSecondaryDisabledTextColor: semantics.color.text.interactive.action.successSecondary.disabled,
+  successSecondaryHoverBorderColor: semantics.color.stroke.interactive.action.success.secondary.hover,
+  successSecondaryHoverTextColor: semantics.color.text.interactive.action.successSecondary.hover,
+  dangerActiveBackground: semantics.color.background.interactive.action.destructive.active,
+  dangerBorderColor: semantics.color.stroke.interactive.action.destructive.base,
+  dangerGhostActiveBackground: semantics.color.background.interactive.action.destructive.secondary.active,
+  dangerGhostBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.base,
+  dangerGhostColor: semantics.color.text.interactive.action.destructiveSecondary.base,
+  dangerGhostHoverBackground: semantics.color.background.interactive.action.destructive.secondary.hover,
+  dangerHoverBackground: semantics.color.background.interactive.action.destructive.hover,
+  destructiveActiveBorderColor: semantics.color.stroke.interactive.action.destructive.active,
+  destructiveActiveTextColor: semantics.color.text.interactive.action.status.active,
+  dangerBackground: semantics.color.background.interactive.action.destructive.base,
+  dangerColor: semantics.color.text.interactive.action.status.base,
+  destructiveDisabledBackgroundColor: semantics.color.background.interactive.action.destructive.disabled,
+  destructiveDisabledBorderColor: semantics.color.stroke.interactive.action.destructive.disabled,
+  destructiveDisabledTextColor: semantics.color.text.interactive.action.status.disabled,
+  destructiveHoverBorderColor: semantics.color.stroke.interactive.action.destructive.hover,
+  destructiveHoverTextColor: semantics.color.text.interactive.action.status.hover,
+  destructiveSecondaryActiveBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.active,
+  destructiveSecondaryActiveTextColor: semantics.color.text.interactive.action.destructiveSecondary.active,
+  destructiveSecondaryDisabledBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.disabled,
+  destructiveSecondaryDisabledTextColor: semantics.color.text.interactive.action.destructiveSecondary.disabled,
+  destructiveSecondaryHoverBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.hover,
+  destructiveSecondaryHoverTextColor: semantics.color.text.interactive.action.destructiveSecondary.hover,
+  aiActiveBackgroundBottomGradientColor: semantics.color.background.interactive.action.ai.bottomGradient.active,
+  aiActiveBackgroundTopGradientColor: semantics.color.background.interactive.action.ai.topGradient.active,
+  aiActiveBorderBottomGradientColor: semantics.color.stroke.interactive.action.ai.bottomGradient.active,
+  aiActiveBorderTopGradientColor: semantics.color.stroke.interactive.action.ai.topGradient.active,
+  aiActiveTextColor: semantics.color.text.interactive.action.ai.active,
+  aiBackgroundBottomGradientColor: semantics.color.background.interactive.action.ai.bottomGradient.base,
+  aiBackgroundTopGradientColor: semantics.color.background.interactive.action.ai.topGradient.base,
+  aiBaseTextColor: semantics.color.text.interactive.action.ai.base,
+  aiBorderBottomGradientColor: semantics.color.stroke.interactive.action.ai.bottomGradient.base,
+  aiBorderTopGradientColor: semantics.color.stroke.interactive.action.ai.topGradient.base,
+  aiDisabledBackgroundColor: semantics.color.background.interactive.action.ai.disabled,
+  aiDisabledBorderColor: semantics.color.stroke.interactive.action.ai.disabled,
+  aiDisabledTextColor: semantics.color.text.interactive.action.ai.disabled,
+  aiHoverBackgroundBottomGradientColor: semantics.color.background.interactive.action.ai.bottomGradient.hover,
+  aiHoverBackgroundTopGradientColor: semantics.color.background.interactive.action.ai.topGradient.hover,
+  aiHoverBorderBottomGradientColor: semantics.color.stroke.interactive.action.ai.bottomGradient.hover,
+  aiHoverBorderTopGradientColor: semantics.color.stroke.interactive.action.ai.topGradient.hover,
+  aiHoverTextColor: semantics.color.text.interactive.action.ai.hover,
+  aiSecondaryActiveBackgroundBottomGradientColor: semantics.color.background.interactive.action.aiSecondary.active.bottomGradient,
+  aiSecondaryActiveBackgroundTopGradientColor: semantics.color.background.interactive.action.aiSecondary.active.topGradient,
+  aiSecondaryDisabledBorderColor: semantics.color.stroke.interactive.action.aiSecondary.disabled,
+  aiSecondaryDisabledTextColor: semantics.color.text.interactive.action.aiSecondary.disabled,
+  aiSecondaryHoverBackgroundBottomGradientColor: semantics.color.background.interactive.action.aiSecondary.hover.bottomGradient,
+  aiSecondaryHoverBackgroundTopGradientColor: semantics.color.background.interactive.action.aiSecondary.hover.topGradient,
+  aiSecondaryTextBottomGradientColor: semantics.color.text.interactive.action.aiSecondary.bottomGradient.base,
+  aiSecondaryTextTopGradientColor: semantics.color.text.interactive.action.aiSecondary.topGradient.base,
+  smallFontSize: semantics.fontSize.textSm,
+  mediumFontSize: semantics.fontSize.textBase,
+  largeFontSize: "1.125rem",
+  largeHeight: semantics.size.interactive.height.lg,
+  largePaddingHorizontal: semantics.spacing.padding.interactive.horizontal.xl,
+  mediumHeight: semantics.size.interactive.height.md,
+  mediumPaddingHorizontal: semantics.spacing.padding.interactive.horizontal.lg,
+  smallHeight: semantics.size.interactive.height.sm,
+  smallPaddingHorizontal: semantics.spacing.padding.interactive.horizontal.md,
+  borderRadius: semantics.borderRadius.interactive.base,
+  borderRadiusFull: semantics.borderRadius.full,
+  borderRadiusSm: semantics.borderRadius.sm,
+  borderWidth: semantics.borderWidth.interactive.base,
+  fontFamily: semantics.fontFamily.base,
+  fontWeight: semantics.fontWeight.body.strong,
+  gapButtonContentLg: semantics.spacing.spaceMd,
+  gapButtonContentMd: semantics.spacing.spaceSm,
+  gapButtonContentSm: semantics.spacing.spaceXs,
+  heightXs: semantics.size.interactive.height.xs,
+  heightXxs: semantics.size.interactive.height.xxs,
+  opacityBase: semantics.opacity.base,
+  opacityDisabled: semantics.opacity.base,
+  tertiaryActiveBorderColor: semantics.color.stroke.interactive.action.tertiary.active,
+  tertiaryActiveTextColor: semantics.color.text.interactive.action.tertiary.active,
+  tertiaryDisabledBorderColor: semantics.color.stroke.interactive.action.tertiary.disabled,
+  tertiaryDisabledTextColor: semantics.color.text.interactive.action.tertiary.disabled,
+  tertiaryHoverBorderColor: semantics.color.stroke.interactive.action.tertiary.hover,
+  tertiaryHoverTextColor: semantics.color.text.interactive.action.tertiary.hover,
+  dangerBoxShadow: "none",
+  dangerGhostBackground: "transparent",
+  dangerGhostBoxShadow: "none",
+  dangerGhostHoverBoxShadow: "none",
+  dangerHoverBoxShadow: "none",
+  hoverTransform: "none",
+  letterSpacing: "normal",
+  primaryBoxShadow: "none",
+  primaryGhostBackground: "transparent",
+  primaryHoverBoxShadow: "none",
+  primaryInverseBoxShadow: "none",
+  primaryInverseGhostBackground: "transparent",
+  primaryInverseGhostBoxShadow: "none",
+  primaryInverseGhostHoverBoxShadow: "none",
+  primaryInverseHoverBoxShadow: "none",
+  secondaryBoxShadow: "none",
+  secondaryGhostActiveBackground: "transparent",
+  secondaryGhostBackground: "transparent",
+  secondaryGhostBoxShadow: "none",
+  secondaryGhostHoverBoxShadow: "none",
+  secondaryHoverBoxShadow: "none",
+  successBoxShadow: "none",
+  successGhostBackground: "transparent",
+  successGhostBoxShadow: "none",
+  successGhostHoverBoxShadow: "none",
+  successHoverBoxShadow: "none",
+  textTransform: "none",
+  transform: "none",
+  borderStyle: "solid",
+  paddingVertical: "0.25rem",
+  lineHeight: semantics.lineHeight.standalone.base
+};
+export default baseButton;

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

@@ -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 semantics from "../semantics.js";
+const billboard = {
+  backgroundColor: semantics.color.transparentColor,
+  clickableActiveBg: semantics.color.background.interactive.action.secondary.active,
+  fontFamily: semantics.fontFamily.base,
+  paddingSmall: semantics.spacing.spaceMd,
+  paddingMedium: semantics.spacing.spaceXl,
+  paddingLarge: semantics.spacing.spaceXl,
+  mediumMargin: semantics.spacing.spaceMd,
+  largeMargin: semantics.spacing.spaceXl,
+  buttonBorderWidth: semantics.borderWidth.md,
+  buttonBorderStyle: "solid",
+  buttonHoverBorderStyle: "dashed",
+  buttonBorderRadius: "0.5rem",
+  messageColor: semantics.color.text.muted,
+  messageColorClickable: semantics.color.text.interactive.action.secondary.base,
+  clickableActiveText: semantics.color.text.interactive.action.secondary.active,
+  messageFontSizeSmall: semantics.fontSize.textSm,
+  messageFontSizeMedium: semantics.fontSize.textBase,
+  messageFontSizeLarge: semantics.fontSize.textLg
+};
+export default billboard;

package/es/themes/newThemes/dark/components/breadcrumb.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 breadcrumb = {
+  gapSm: semantics.spacing.space2xs,
+  gapMd: semantics.spacing.spaceXs,
+  gapLg: semantics.spacing.spaceSm
+};
+export default breadcrumb;

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

@@ -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.
+ */
+import semantics from "../semantics.js";
+const byline = {
+  background: semantics.color.background.elevatedSurface.base,
+  color: semantics.color.text.base,
+  descriptionFontSize: semantics.fontSize.textBase,
+  descriptionFontWeight: semantics.fontWeight.body.base,
+  descriptionLineHeight: semantics.lineHeight.standalone.base,
+  figureMargin: "0.75rem",
+  fontFamily: semantics.fontFamily.base,
+  titleFontSize: "1.375rem",
+  titleFontWeight: semantics.fontWeight.heading.base,
+  titleLineHeight: semantics.lineHeight.paragraph.textSm,
+  titleMargin: "0 0 0.5rem 0",
+  large: "62em",
+  medium: "48em",
+  small: "30em"
+};
+export default byline;

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

@@ -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 semantics from "../semantics.js";
+const calendar = {
+  background: semantics.color.background.elevatedSurface.base,
+  color: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.strong,
+  navMargin: semantics.spacing.spaceMd,
+  navWithYearMargin: semantics.spacing.spaceSm,
+  yearPickerMargin: semantics.spacing.spaceLg,
+  lineHeight: semantics.lineHeight.paragraph.base,
+  maxHeaderWidth: "1.5rem"
+};
+export default calendar;

package/es/themes/newThemes/dark/components/calendarDay.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 calendarDay = {
+  background: semantics.color.background.elevatedSurface.base,
+  color: semantics.color.text.base,
+  outsideMonthColor: semantics.color.text.muted,
+  selectedBackground: semantics.color.background.interactive.action.success.base,
+  selectedColor: semantics.color.text.onColor,
+  todayColor: semantics.color.text.inverse,
+  todayBackground: semantics.color.background.interactive.action.primary.base,
+  fontSize: semantics.fontSize.textBase,
+  height: semantics.size.interactive.height.sm,
+  minWidth: semantics.size.interactive.height.sm,
+  selectedBorderRadius: semantics.borderRadius.lg,
+  todayBorderRadius: semantics.borderRadius.full
+};
+export default calendarDay;