@instructure/ui-theme-tokens 9.5.2-snapshot-1 → 10.0.0

package/tokens/instructure/scss/_variables.scss

@@ -1,115 +0,0 @@
-
-// Do not edit directly, this file was auto-generated.
-
-$instui-instructure-colors-brand: #287A9F;
-$instui-instructure-colors-link: #287A9F;
-$instui-instructure-colors-electric: #287A9F;
-$instui-instructure-colors-shamrock: #24A159;
-$instui-instructure-colors-barney: #143D50;
-$instui-instructure-colors-crimson: #E72429;
-$instui-instructure-colors-fire: #F76400;
-$instui-instructure-colors-licorice: #0D323F;
-$instui-instructure-colors-oxford: #143D50;
-$instui-instructure-colors-ash: #156380;
-$instui-instructure-colors-slate: #156380;
-$instui-instructure-colors-tiara: #CCDCE4;
-$instui-instructure-colors-porcelain: #F2F8FA;
-$instui-instructure-colors-white: #FFFFFF;
-$instui-instructure-colors-text-darkest: #0D323F;
-$instui-instructure-colors-text-dark: #156380;
-$instui-instructure-colors-text-light: #F2F8FA;
-$instui-instructure-colors-text-lightest: #FFFFFF;
-$instui-instructure-colors-text-brand: #287A9F;
-$instui-instructure-colors-text-link: #287A9F;
-$instui-instructure-colors-text-alert: #143D50;
-$instui-instructure-colors-text-info: #287A9F;
-$instui-instructure-colors-text-success: #24A159;
-$instui-instructure-colors-text-danger: #E72429;
-$instui-instructure-colors-text-warning: #F76400;
-$instui-instructure-colors-background-darkest: #0D323F;
-$instui-instructure-colors-background-dark: #156380;
-$instui-instructure-colors-background-medium: #CCDCE4;
-$instui-instructure-colors-background-light: #F2F8FA;
-$instui-instructure-colors-background-lightest: #FFFFFF;
-$instui-instructure-colors-background-brand: #287A9F;
-$instui-instructure-colors-background-brand-secondary: #143D50;
-$instui-instructure-colors-background-alert: #143D50;
-$instui-instructure-colors-background-info: #287A9F;
-$instui-instructure-colors-background-success: #24A159;
-$instui-instructure-colors-background-danger: #E72429;
-$instui-instructure-colors-background-warning: #F76400;
-$instui-instructure-colors-border-lightest: #FFFFFF;
-$instui-instructure-colors-border-light: #F2F8FA;
-$instui-instructure-colors-border-medium: #CCDCE4;
-$instui-instructure-colors-border-dark: #156380;
-$instui-instructure-colors-border-darkest: #0D323F;
-$instui-instructure-colors-border-brand: #287A9F;
-$instui-instructure-colors-border-alert: #143D50;
-$instui-instructure-colors-border-info: #287A9F;
-$instui-instructure-colors-border-success: #24A159;
-$instui-instructure-colors-border-danger: #E72429;
-$instui-instructure-colors-border-warning: #F76400;
-$instui-instructure-colors-border-debug: #E72429;
-$instui-instructure-colors-inaccessible-alert: #fccb0e;
-$instui-instructure-colors-inaccessible-warning: #f68e1f;
-$instui-instructure-borders-radius-small: 0.125rem;
-$instui-instructure-borders-radius-medium: 0.25rem;
-$instui-instructure-borders-radius-large: 0.5rem;
-$instui-instructure-borders-width-small: 0.0625rem;
-$instui-instructure-borders-width-medium: 0.125rem;
-$instui-instructure-borders-width-large: 0.25rem;
-$instui-instructure-borders-style: solid;
-$instui-instructure-transitions-duration: 300ms;
-$instui-instructure-transitions-timing: ease-in-out;
-$instui-instructure-typography-font-family: "Proxima Nova", "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
-  "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
-  "Helvetica Neue", sans-serif;
-$instui-instructure-typography-font-family-monospace: Menlo, Consolas, Monaco, "Andale Mono", monospace;
-$instui-instructure-typography-font-family-heading: "TiemposHeadlineWebBold", "Georgia", "Proxima Nova", sans-serif;
-$instui-instructure-typography-font-size-x-small: 0.75rem;
-$instui-instructure-typography-font-size-small: 0.875rem;
-$instui-instructure-typography-font-size-medium: 1rem;
-$instui-instructure-typography-font-size-large: 1.25rem;
-$instui-instructure-typography-font-size-x-large: 2.25rem;
-$instui-instructure-typography-font-size-xx-large: 3rem;
-$instui-instructure-typography-font-weight-light: 300;
-$instui-instructure-typography-font-weight-normal: 400;
-$instui-instructure-typography-font-weight-bold: 700;
-$instui-instructure-typography-line-height: 1.5;
-$instui-instructure-typography-line-height-fit: 1.125;
-$instui-instructure-typography-line-height-condensed: 1.25;
-$instui-instructure-typography-line-height-double: 2;
-$instui-instructure-typography-letter-spacing-normal: 0;
-$instui-instructure-typography-letter-spacing-condensed: -0.0625rem;
-$instui-instructure-typography-letter-spacing-expanded: 0.0625rem;
-$instui-instructure-spacing-xxx-small: 0.125rem;
-$instui-instructure-spacing-xx-small: 0.375rem;
-$instui-instructure-spacing-x-small: 0.75rem;
-$instui-instructure-spacing-small: 1rem;
-$instui-instructure-spacing-medium-small: 1.25rem;
-$instui-instructure-spacing-medium: 1.5rem;
-$instui-instructure-spacing-large: 2.25rem;
-$instui-instructure-spacing-x-large: 3rem;
-$instui-instructure-spacing-xx-large: 3.75rem;
-$instui-instructure-forms-input-height-small: 2rem;
-$instui-instructure-forms-input-height-medium: 2.75rem;
-$instui-instructure-forms-input-height-large: 3.375rem;
-$instui-instructure-breakpoints-xx-small: 8em;
-$instui-instructure-breakpoints-x-small: 16em;
-$instui-instructure-breakpoints-small: 30em;
-$instui-instructure-breakpoints-medium: 48em;
-$instui-instructure-breakpoints-tablet: 48em;
-$instui-instructure-breakpoints-large: 62em;
-$instui-instructure-breakpoints-desktop: 64em;
-$instui-instructure-breakpoints-x-large: 75em;
-$instui-instructure-breakpoints-max-width: 61.9375em;
-$instui-instructure-shadows-depth1: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
-$instui-instructure-shadows-depth2: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
-$instui-instructure-shadows-depth3: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
-$instui-instructure-shadows-resting: 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1);
-$instui-instructure-shadows-above: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16);
-$instui-instructure-shadows-topmost: 0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25);
-$instui-instructure-stacking-topmost: 9999;
-$instui-instructure-stacking-above: 1;
-$instui-instructure-stacking-below: -1;
-$instui-instructure-stacking-deepest: -9999;

package/tokens/instructure/source.json

@@ -1 +0,0 @@
-{"colors":{"brand":{"value":"#287A9F"},"link":{"value":"#287A9F"},"electric":{"value":"#287A9F"},"shamrock":{"value":"#24A159"},"barney":{"value":"#143D50"},"crimson":{"value":"#E72429"},"fire":{"value":"#F76400"},"licorice":{"value":"#0D323F"},"oxford":{"value":"#143D50"},"ash":{"value":"#156380"},"slate":{"value":"#156380"},"tiara":{"value":"#CCDCE4"},"porcelain":{"value":"#F2F8FA"},"white":{"value":"#FFFFFF"},"textDarkest":{"value":"#0D323F"},"textDark":{"value":"#156380"},"textLight":{"value":"#F2F8FA"},"textLightest":{"value":"#FFFFFF"},"textBrand":{"value":"#287A9F"},"textLink":{"value":"#287A9F"},"textAlert":{"value":"#143D50"},"textInfo":{"value":"#287A9F"},"textSuccess":{"value":"#24A159"},"textDanger":{"value":"#E72429"},"textWarning":{"value":"#F76400"},"backgroundDarkest":{"value":"#0D323F"},"backgroundDark":{"value":"#156380"},"backgroundMedium":{"value":"#CCDCE4"},"backgroundLight":{"value":"#F2F8FA"},"backgroundLightest":{"value":"#FFFFFF"},"backgroundBrand":{"value":"#287A9F"},"backgroundBrandSecondary":{"value":"#143D50"},"backgroundAlert":{"value":"#143D50"},"backgroundInfo":{"value":"#287A9F"},"backgroundSuccess":{"value":"#24A159"},"backgroundDanger":{"value":"#E72429"},"backgroundWarning":{"value":"#F76400"},"borderLightest":{"value":"#FFFFFF"},"borderLight":{"value":"#F2F8FA"},"borderMedium":{"value":"#CCDCE4"},"borderDark":{"value":"#156380"},"borderDarkest":{"value":"#0D323F"},"borderBrand":{"value":"#287A9F"},"borderAlert":{"value":"#143D50"},"borderInfo":{"value":"#287A9F"},"borderSuccess":{"value":"#24A159"},"borderDanger":{"value":"#E72429"},"borderWarning":{"value":"#F76400"},"borderDebug":{"value":"#E72429"},"inaccessibleAlert":{"value":"#fccb0e"},"inaccessibleWarning":{"value":"#f68e1f"}},"borders":{"radiusSmall":{"value":"0.125rem"},"radiusMedium":{"value":"0.25rem"},"radiusLarge":{"value":"0.5rem"},"widthSmall":{"value":"0.0625rem"},"widthMedium":{"value":"0.125rem"},"widthLarge":{"value":"0.25rem"},"style":{"value":"solid"}},"transitions":{"duration":{"value":"300ms"},"timing":{"value":"ease-in-out"}},"typography":{"fontFamily":{"value":"\"Proxima Nova\", \"Nunito Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\",\n  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\",\n  \"Helvetica Neue\", sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontFamilyHeading":{"value":"\"TiemposHeadlineWebBold\", \"Georgia\", \"Proxima Nova\", sans-serif"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.25rem"},"fontSizeXLarge":{"value":"2.25rem"},"fontSizeXXLarge":{"value":"3rem"},"fontWeightLight":{"value":300},"fontWeightNormal":{"value":400},"fontWeightBold":{"value":700},"lineHeight":{"value":1.5},"lineHeightFit":{"value":1.125},"lineHeightCondensed":{"value":1.25},"lineHeightDouble":{"value":2},"letterSpacingNormal":{"value":0},"letterSpacingCondensed":{"value":"-0.0625rem"},"letterSpacingExpanded":{"value":"0.0625rem"}},"spacing":{"xxxSmall":{"value":"0.125rem"},"xxSmall":{"value":"0.375rem"},"xSmall":{"value":"0.75rem"},"small":{"value":"1rem"},"mediumSmall":{"value":"1.25rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"2rem"},"inputHeightMedium":{"value":"2.75rem"},"inputHeightLarge":{"value":"3.375rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"tablet":{"value":"48em"},"large":{"value":"62em"},"desktop":{"value":"64em"},"xLarge":{"value":"75em"},"maxWidth":{"value":"61.9375em"}},"shadows":{"depth1":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"depth2":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"depth3":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"},"resting":{"value":"0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)"},"above":{"value":"0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)"},"topmost":{"value":"0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)"}},"stacking":{"topmost":{"value":9999},"above":{"value":1},"below":{"value":-1},"deepest":{"value":-9999}}}

package/types/instructure/colors.d.ts

@@ -1,12 +0,0 @@
-import { Colors } from '@instructure/shared-types';
-/**
- * Two Inst colors are not accessible, so adding them for display purposes only in decorative elements
- */
-type InaccessibleColors = {
-    inaccessibleAlert: string;
-    inaccessibleWarning: string;
-};
-declare const colors: Colors & InaccessibleColors;
-export default colors;
-export { colors };
-//# sourceMappingURL=colors.d.ts.map

package/types/instructure/colors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/instructure/colors.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAc,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAmB9D;;GAEG;AACH,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,MAAM,CAAA;IACzB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAUD,QAAA,MAAM,MAAM,EAAE,MAAM,GAAG,kBAEtB,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/instructure/forms.d.ts

@@ -1,5 +0,0 @@
-import { Forms } from '@instructure/shared-types';
-declare const forms: Forms;
-export default forms;
-export { forms };
-//# sourceMappingURL=forms.d.ts.map

package/types/instructure/forms.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"forms.d.ts","sourceRoot":"","sources":["../../src/instructure/forms.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAEjD,QAAA,MAAM,KAAK,EAAE,KAIF,CAAA;AAEX,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/types/instructure/index.d.ts

@@ -1,18 +0,0 @@
-declare const instructure: {
-    colors: import("@instructure/shared-types").Colors & {
-        inaccessibleAlert: string;
-        inaccessibleWarning: string;
-    };
-    forms: import("@instructure/shared-types").Forms;
-    spacing: import("@instructure/shared-types").Spacing;
-    typography: import("@instructure/shared-types").Typography;
-    borders: import("@instructure/shared-types").Border;
-    transitions: import("@instructure/shared-types").Transitions;
-    media: import("@instructure/shared-types").Media;
-    breakpoints: import("@instructure/shared-types").Breakpoints;
-    shadows: import("@instructure/shared-types").Shadows;
-    stacking: import("@instructure/shared-types").Stacking;
-};
-export default instructure;
-export { instructure };
-//# sourceMappingURL=index.d.ts.map

package/types/instructure/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/instructure/index.ts"],"names":[],"mappings":"AA8BA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;CAMhB,CAAA;AAED,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/types/instructure/spacing.d.ts

@@ -1,5 +0,0 @@
-import { Spacing } from '@instructure/shared-types';
-declare const spacing: Spacing;
-export default spacing;
-export { spacing };
-//# sourceMappingURL=spacing.d.ts.map

package/types/instructure/spacing.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/instructure/spacing.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,QAAA,MAAM,OAAO,EAAE,OAUb,CAAA;AAEF,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/types/instructure/typography.d.ts

@@ -1,5 +0,0 @@
-import { Typography } from '@instructure/shared-types';
-declare const typography: Typography;
-export default typography;
-export { typography };
-//# sourceMappingURL=typography.d.ts.map

package/types/instructure/typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/instructure/typography.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,QAAA,MAAM,UAAU,EAAE,UA2BP,CAAA;AAEX,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/types/utils/functionalColors.d.ts

@@ -1,5 +0,0 @@
-import { BaseColors, Colors } from '@instructure/shared-types';
-declare function functionalColors(colors: BaseColors): Colors;
-export default functionalColors;
-export { functionalColors };
-//# sourceMappingURL=functionalColors.d.ts.map

package/types/utils/functionalColors.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"functionalColors.d.ts","sourceRoot":"","sources":["../../src/utils/functionalColors.ts"],"names":[],"mappings":"AAuBA,OAAO,EAEL,UAAU,EAEV,MAAM,EAEP,MAAM,2BAA2B,CAAA;AAElC,iBAAS,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAuDpD;AAED,eAAe,gBAAgB,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,CAAA"}