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

package/es/themes/newThemes/dark/components/tableCell.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 tableCell = {
+  background: semantics.color.background.base,
+  color: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.standalone.base,
+  paddingVertical: semantics.spacing.spaceSm,
+  paddingHorizontal: semantics.spacing.spaceMd
+};
+export default tableCell;

package/es/themes/newThemes/dark/components/tableColHeader.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 tableColHeader = {
+  background: semantics.color.background.base,
+  color: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  lineHeight: semantics.lineHeight.standalone.base,
+  paddingVertical: semantics.spacing.spaceSm,
+  paddingHorizontal: semantics.spacing.spaceMd
+};
+export default tableColHeader;

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

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

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

@@ -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 semantics from "../semantics.js";
+const tableRow = {
+  background: semantics.color.background.base,
+  color: semantics.color.text.base,
+  borderColor: semantics.color.stroke.base,
+  hoverBorderColor: semantics.color.stroke.brand,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  paddingVertical: semantics.spacing.spaceSm,
+  paddingHorizontal: "0rem"
+};
+export default tableRow;

package/es/themes/newThemes/dark/components/tableRowHeader.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 tableRowHeader = {
+  background: semantics.color.background.base,
+  color: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.standalone.base,
+  paddingVertical: semantics.spacing.spaceSm,
+  paddingHorizontal: semantics.spacing.spaceMd
+};
+export default tableRowHeader;

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

@@ -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 semantics from "../semantics.js";
+const tabs = {
+  defaultBackground: semantics.color.transparentColor,
+  scrollFadeColor: semantics.color.background.base,
+  scrollOverlayWidthDefault: "5rem",
+  scrollOverlayWidthSecondary: "3rem",
+  tabVerticalOffset: "0.0625rem",
+  zIndex: 1
+};
+export default tabs;

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

@@ -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 semantics from "../semantics.js";
+const tabsPanel = {
+  background: semantics.color.transparentColor,
+  borderColor: semantics.color.stroke.base,
+  textColor: semantics.color.text.base,
+  borderWidth: semantics.borderWidth.sm,
+  defaultOverflowY: "auto",
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.paragraph.base
+};
+export default tabsPanel;

package/es/themes/newThemes/dark/components/tabsTab.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 tabsTab = {
+  defaultTextColor: semantics.color.text.base,
+  defaultHoverBorderColor: semantics.color.stroke.base,
+  defaultSelectedBorderColor: semantics.color.stroke.brand,
+  fontFamily: semantics.fontFamily.base,
+  fontSize: semantics.fontSize.textBase,
+  fontWeight: semantics.fontWeight.body.base,
+  lineHeight: semantics.lineHeight.standalone.base,
+  secondaryTextColor: semantics.color.text.base,
+  secondarySelectedTextColor: semantics.color.text.inverse,
+  secondarySelectedBackground: semantics.color.background.brand,
+  secondarySelectedBorderColor: semantics.color.stroke.brand,
+  zIndex: 1
+};
+export default tabsTab;

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

@@ -0,0 +1,55 @@
+/*
+ * The MIT License (MIT)
+ *
+ * Copyright (c) 2015 - present Instructure, Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ */
+import semantics from "../semantics.js";
+const tag = {
+  defaultBackground: semantics.color.background.interactive.action.secondary.base,
+  defaultBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
+  defaultBorderColor: semantics.color.stroke.interactive.action.secondary.base,
+  defaultBorderRadius: semantics.borderRadius.md,
+  defaultBorderStyle: "solid",
+  inlineBorderStyle: "solid",
+  defaultBorderWidth: semantics.borderWidth.sm,
+  inlineBorderWidth: semantics.borderWidth.sm,
+  defaultColor: semantics.color.text.base,
+  inlineColor: semantics.color.text.base,
+  fontFamily: semantics.fontFamily.base,
+  fontSizeLarge: semantics.fontSize.textBase,
+  fontSizeMedium: semantics.fontSize.textSm,
+  fontSizeSmall: semantics.fontSize.textXs,
+  heightLarge: "2rem",
+  heightMedium: "1.75rem",
+  heightSmall: "1.5rem",
+  iconMargin: "0.5rem",
+  inlineBackground: semantics.color.background.interactive.action.secondary.base,
+  inlineBackgroundHover: semantics.color.background.interactive.action.secondary.hover,
+  inlineBorderColor: semantics.color.background.interactive.action.secondary.base,
+  inlineBorderRadius: semantics.borderRadius.sm,
+  maxWidth: "10rem",
+  paddingHorizontal: semantics.spacing.padding.container.xxs,
+  paddingHorizontalSmall: semantics.spacing.padding.container.xxs,
+  transitionTiming: "0.2s",
+  inlineIconColor: semantics.color.background.interactive.action.primary.base,
+  inlineIconHoverColor: semantics.color.background.interactive.action.primary.hover
+};
+export default tag;

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

@@ -0,0 +1,104 @@
+/*
+ * 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 text = {
+  descriptionPage: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.base,
+    fontSize: semantics.fontSize.textLg,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  descriptionSection: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.base,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  content: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.base,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  contentImportant: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.strong,
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  contentQuote: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: "Medium Italic",
+    fontSize: semantics.fontSize.textBase,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  contentSmall: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.base,
+    fontSize: semantics.fontSize.textSm,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  legend: {
+    fontFamily: semantics.fontFamily.base,
+    fontWeight: semantics.fontWeight.body.base,
+    fontSize: semantics.fontSize.textXs,
+    lineHeight: semantics.lineHeight.paragraph.base
+  },
+  fontSizeXSmall: semantics.fontSize.textXs,
+  fontSizeSmall: semantics.fontSize.textSm,
+  fontSizeMedium: semantics.fontSize.textBase,
+  fontSizeLarge: semantics.fontSize.textXl,
+  fontSizeXLarge: semantics.fontSize.text2xl,
+  fontSizeXXLarge: "2.375rem",
+  fontWeightLight: 300,
+  fontWeightNormal: semantics.fontWeight.body.base,
+  fontWeightBold: semantics.fontWeight.body.strong,
+  fontWeightImportant: semantics.fontWeight.body.strong,
+  fontWeightRegular: semantics.fontWeight.body.base,
+  lineHeight: "150%",
+  lineHeight100: "100%",
+  lineHeight125: "125%",
+  lineHeight150: "150%",
+  lineHeightCondensed: "125%",
+  lineHeightDouble: "200%",
+  lineHeightFit: "112.5%",
+  paragraphMargin: "1.5rem 0rem",
+  letterSpacingCondensed: "-0.0625rem",
+  letterSpacingExpanded: "0.0625rem",
+  letterSpacingNormal: "0rem",
+  aiBackgroundColor: semantics.color.background.aiText,
+  aiColor: semantics.color.text.aiColor,
+  primaryColor: semantics.color.text.interactive.navigation.primary.base,
+  errorColor: semantics.color.text.error,
+  baseColor: semantics.color.text.base,
+  baseOnColor: semantics.color.text.onColor,
+  inverseColor: semantics.color.text.inverse,
+  mutedColor: semantics.color.text.muted,
+  mutedOnColor: semantics.color.text.onColor,
+  successColor: semantics.color.text.success,
+  warningColor: semantics.color.text.warning,
+  fontFamily: semantics.fontFamily.base,
+  fontFamilyMonospace: semantics.fontFamily.code
+};
+export default text;

package/es/themes/newThemes/dark/components/textArea.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 textArea = {
+  backgroundColor: semantics.color.background.interactive.input.base,
+  backgroundHoverColor: semantics.color.background.interactive.input.hover,
+  backgroundReadonlyColor: semantics.color.background.interactive.input.readonly,
+  backgroundDisabledColor: semantics.color.background.interactive.input.disabled,
+  borderColor: semantics.color.stroke.interactive.input.base,
+  borderHoverColor: semantics.color.stroke.interactive.input.hover,
+  borderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  borderDisabledColor: semantics.color.stroke.interactive.input.disabled,
+  errorBorderColor: semantics.color.stroke.interactive.action.destructive.base,
+  successBorderColor: semantics.color.stroke.interactive.action.success.secondary.base,
+  borderRadius: semantics.borderRadius.interactive.base,
+  borderWidth: semantics.borderWidth.interactive.base,
+  textColor: semantics.color.text.interactive.input.base,
+  textReadonlyColor: semantics.color.text.interactive.input.readonly,
+  textDisabledColor: semantics.color.text.interactive.input.disabled,
+  placeholderColor: semantics.color.text.interactive.input.placeholder,
+  placeholderHoverColor: semantics.color.text.interactive.input.hover,
+  fontFamily: semantics.fontFamily.base,
+  fontWeight: semantics.fontWeight.body.base,
+  fontSizeSm: semantics.fontSize.textSm,
+  fontSizeMd: semantics.fontSize.textBase,
+  fontSizeLg: semantics.fontSize.textLg,
+  gapContent: semantics.spacing.spaceMd,
+  padding: semantics.spacing.spaceMd,
+  gapPrimitives: semantics.spacing.gap.inputElements
+};
+export default textArea;

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

@@ -0,0 +1,65 @@
+/*
+ * 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 textInput = {
+  backgroundColor: semantics.color.background.interactive.input.base,
+  backgroundHoverColor: semantics.color.background.interactive.input.hover,
+  backgroundReadonlyColor: semantics.color.background.interactive.input.readonly,
+  backgroundDisabledColor: semantics.color.background.interactive.input.disabled,
+  borderColor: semantics.color.stroke.interactive.input.base,
+  borderHoverColor: semantics.color.stroke.interactive.input.hover,
+  borderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  borderDisabledColor: semantics.color.stroke.interactive.input.disabled,
+  errorBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.base,
+  successBorderColor: semantics.color.stroke.interactive.action.success.secondary.base,
+  borderRadius: semantics.borderRadius.interactive.base,
+  borderWidth: semantics.borderWidth.interactive.base,
+  textColor: semantics.color.text.interactive.input.base,
+  textReadonlyColor: semantics.color.text.interactive.input.readonly,
+  textDisabledColor: semantics.color.text.interactive.input.disabled,
+  placeholderColor: semantics.color.text.interactive.input.placeholder,
+  placeholderHoverColor: semantics.color.text.interactive.input.hover,
+  arrowsContainerWidth: "2rem",
+  arrowsBackgroundColor: semantics.color.background.interactive.action.secondary.base,
+  arrowsBackgroundHoverColor: semantics.color.background.interactive.action.secondary.hover,
+  arrowsBackgroundActiveColor: semantics.color.background.interactive.action.secondary.active,
+  arrowsBackgroundDisabledColor: semantics.color.background.interactive.action.secondary.disabled,
+  arrowsBorderColor: semantics.color.stroke.interactive.action.secondary.base,
+  fontFamily: semantics.fontFamily.base,
+  fontWeight: semantics.fontWeight.body.base,
+  fontSizeSm: semantics.fontSize.textSm,
+  fontSizeMd: semantics.fontSize.textBase,
+  fontSizeLg: semantics.fontSize.textLg,
+  heightSm: semantics.size.interactive.height.sm,
+  heightMd: semantics.size.interactive.height.md,
+  heightLg: semantics.size.interactive.height.lg,
+  gapContent: semantics.spacing.spaceMd,
+  paddingHorizontalSm: semantics.spacing.spaceSm,
+  paddingHorizontalMd: semantics.spacing.spaceMd,
+  paddingHorizontalLg: semantics.spacing.spaceMd,
+  arrowsBorderHoverColor: semantics.color.stroke.interactive.action.secondary.hover,
+  arrowsBorderActiveColor: semantics.color.stroke.interactive.action.secondary.active,
+  arrowsBorderDisabledColor: semantics.color.stroke.interactive.action.secondary.disabled
+};
+export default textInput;

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

@@ -0,0 +1,92 @@
+/*
+ * 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 toggle = {
+  backgroundColor: semantics.color.background.interactive.input.base,
+  backgroundHoverColor: semantics.color.background.interactive.input.hover,
+  backgroundDisabledColor: semantics.color.background.interactive.input.disabled,
+  backgroundReadonlyColor: semantics.color.background.interactive.input.readonly,
+  errorBackgroundColor: semantics.color.background.interactive.input.base,
+  errorBackgroundHoverColor: semantics.color.background.interactive.action.destructive.secondary.hover,
+  borderColor: semantics.color.stroke.interactive.input.base,
+  borderHoverColor: semantics.color.stroke.interactive.input.hover,
+  borderDisabledColor: semantics.color.stroke.interactive.input.disabled,
+  borderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  borderWidth: semantics.borderWidth.sm,
+  borderRadius: semantics.borderRadius.full,
+  errorBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.base,
+  checkedBorderColor: semantics.color.stroke.interactive.action.success.base,
+  checkedBorderHoverColor: semantics.color.stroke.interactive.action.success.hover,
+  checkedBorderDisabledColor: semantics.color.stroke.interactive.action.success.disabled,
+  checkedBorderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  checkedBackgroundColor: semantics.color.background.interactive.action.success.base,
+  checkedBackgroundHoverColor: semantics.color.background.interactive.action.success.hover,
+  checkedBackgroundDisabledColor: semantics.color.background.interactive.action.success.disabled,
+  checkedBackgroundReadonlyColor: semantics.color.background.interactive.input.readonly,
+  labelColor: semantics.color.text.base,
+  labelDisabledColor: semantics.color.text.interactive.disabled.base,
+  uncheckedIconBorderColor: semantics.color.stroke.interactive.input.base,
+  uncheckedIconErrorBorderColor: semantics.color.stroke.interactive.action.destructive.secondary.base,
+  uncheckedIconBorderHoverColor: semantics.color.stroke.interactive.input.hover,
+  uncheckedIconBorderDisabledColor: semantics.color.stroke.interactive.input.disabled,
+  uncheckedIconBorderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  checkedIconBorderColor: semantics.color.stroke.interactive.action.success.base,
+  checkedIconBorderHoverColor: semantics.color.stroke.interactive.action.success.hover,
+  checkedIconBorderDisabledColor: semantics.color.stroke.interactive.action.success.disabled,
+  marginStart: semantics.spacing.spaceMd,
+  marginEnd: semantics.spacing.spaceMd,
+  marginVertical: semantics.spacing.spaceSm,
+  toggleSize: semantics.size.choiceControl.height.md,
+  labelFontFamily: semantics.fontFamily.base,
+  labelFontWeight: semantics.fontWeight.body.base,
+  labelLineHeightSm: semantics.lineHeight.paragraph.textSm,
+  labelLineHeightMd: semantics.lineHeight.paragraph.textBase,
+  labelLineHeightLg: semantics.lineHeight.paragraph.textBase,
+  labelFontSizeMd: semantics.fontSize.textBase,
+  labelFontSizeLg: semantics.fontSize.textLg,
+  labelFontSizeSm: semantics.fontSize.textSm,
+  checkedIconBorderReadonlyColor: semantics.color.stroke.interactive.input.readonly,
+  toggleBackground: semantics.color.background.base,
+  toggleWidth: "2.5rem",
+  toggleShadow: {
+    0: {
+      x: semantics.dropShadow.x.elevation1.dropshadow1,
+      y: semantics.dropShadow.y.elevation1.dropshadow1,
+      blur: semantics.dropShadow.blur.elevation1.dropshadow1,
+      spread: semantics.dropShadow.spread.elevation1.dropshadow1,
+      color: semantics.color.dropShadow.shadowColor1,
+      type: "dropShadow"
+    },
+    1: {
+      x: semantics.dropShadow.x.elevation1.dropshadow2,
+      y: semantics.dropShadow.y.elevation1.dropshadow2,
+      blur: semantics.dropShadow.blur.elevation1.dropshadow2,
+      spread: semantics.dropShadow.spread.elevation1.dropshadow2,
+      color: semantics.color.dropShadow.shadowColor2,
+      type: "dropShadow"
+    }
+  },
+  disabledOpacity: semantics.opacity.base
+};
+export default toggle;