@instructure/ui-themes 10.0.1-snapshot-14 → 10.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/CHANGELOG.md +16 -2
  2. package/README.md +4 -4
  3. package/es/index.js +5 -3
  4. package/es/sharedThemeTokens/borders.js +45 -0
  5. package/es/sharedThemeTokens/breakpoints.js +57 -0
  6. package/es/sharedThemeTokens/colors/dataVisualization.js +138 -0
  7. package/es/sharedThemeTokens/colors/primitives.js +172 -0
  8. package/es/sharedThemeTokens/forms.js +31 -0
  9. package/es/sharedThemeTokens/index.js +46 -0
  10. package/es/sharedThemeTokens/media.js +32 -0
  11. package/es/sharedThemeTokens/shadows.js +36 -0
  12. package/es/sharedThemeTokens/spacing.js +45 -0
  13. package/es/sharedThemeTokens/stacking.js +32 -0
  14. package/es/sharedThemeTokens/transitions.js +30 -0
  15. package/es/sharedThemeTokens/typography.js +54 -0
  16. package/es/themes/canvas/colors.js +67 -0
  17. package/es/themes/canvas/index.js +54 -0
  18. package/es/themes/canvasHighContrast/colors.js +67 -0
  19. package/es/themes/canvasHighContrast/index.js +36 -0
  20. package/es/utils/getUIColors.js +59 -0
  21. package/lib/index.js +26 -5
  22. package/lib/sharedThemeTokens/borders.js +50 -0
  23. package/lib/sharedThemeTokens/breakpoints.js +62 -0
  24. package/lib/sharedThemeTokens/colors/dataVisualization.js +144 -0
  25. package/lib/sharedThemeTokens/colors/primitives.js +178 -0
  26. package/lib/sharedThemeTokens/forms.js +36 -0
  27. package/lib/sharedThemeTokens/index.js +51 -0
  28. package/lib/sharedThemeTokens/media.js +37 -0
  29. package/lib/sharedThemeTokens/shadows.js +41 -0
  30. package/lib/sharedThemeTokens/spacing.js +50 -0
  31. package/lib/sharedThemeTokens/stacking.js +37 -0
  32. package/lib/sharedThemeTokens/transitions.js +35 -0
  33. package/lib/sharedThemeTokens/typography.js +59 -0
  34. package/lib/themes/canvas/colors.js +73 -0
  35. package/lib/themes/canvas/index.js +60 -0
  36. package/lib/themes/canvasHighContrast/colors.js +73 -0
  37. package/lib/themes/canvasHighContrast/index.js +43 -0
  38. package/lib/utils/getUIColors.js +66 -0
  39. package/package.json +4 -6
  40. package/src/index.ts +28 -9
  41. package/src/sharedThemeTokens/borders.ts +42 -0
  42. package/src/sharedThemeTokens/breakpoints.ts +54 -0
  43. package/src/sharedThemeTokens/colors/dataVisualization.ts +151 -0
  44. package/src/sharedThemeTokens/colors/primitives.ts +190 -0
  45. package/src/sharedThemeTokens/forms.ts +34 -0
  46. package/src/sharedThemeTokens/index.ts +48 -0
  47. package/src/sharedThemeTokens/media.ts +35 -0
  48. package/src/sharedThemeTokens/shadows.ts +45 -0
  49. package/src/sharedThemeTokens/spacing.ts +40 -0
  50. package/src/sharedThemeTokens/stacking.ts +34 -0
  51. package/src/sharedThemeTokens/transitions.ts +33 -0
  52. package/src/sharedThemeTokens/typography.ts +53 -0
  53. package/src/themes/canvas/colors.ts +76 -0
  54. package/src/themes/canvas/index.ts +69 -0
  55. package/src/themes/canvasHighContrast/colors.ts +76 -0
  56. package/src/themes/canvasHighContrast/index.ts +44 -0
  57. package/src/utils/getUIColors.ts +68 -0
  58. package/tokens/canvas/scss/_variables.scss +151 -0
  59. package/tokens/canvas/source.json +1 -0
  60. package/tsconfig.build.json +1 -7
  61. package/tsconfig.build.tsbuildinfo +1 -1
  62. package/types/index.d.ts +9 -7
  63. package/types/index.d.ts.map +1 -1
  64. package/types/sharedThemeTokens/borders.d.ts +5 -0
  65. package/types/sharedThemeTokens/borders.d.ts.map +1 -0
  66. package/types/sharedThemeTokens/breakpoints.d.ts +5 -0
  67. package/types/sharedThemeTokens/breakpoints.d.ts.map +1 -0
  68. package/types/sharedThemeTokens/colors/dataVisualization.d.ts +4 -0
  69. package/types/sharedThemeTokens/colors/dataVisualization.d.ts.map +1 -0
  70. package/types/sharedThemeTokens/colors/primitives.d.ts +4 -0
  71. package/types/sharedThemeTokens/colors/primitives.d.ts.map +1 -0
  72. package/types/sharedThemeTokens/forms.d.ts +5 -0
  73. package/types/sharedThemeTokens/forms.d.ts.map +1 -0
  74. package/types/sharedThemeTokens/index.d.ts +14 -0
  75. package/types/sharedThemeTokens/index.d.ts.map +1 -0
  76. package/types/sharedThemeTokens/media.d.ts +5 -0
  77. package/types/sharedThemeTokens/media.d.ts.map +1 -0
  78. package/types/sharedThemeTokens/shadows.d.ts +5 -0
  79. package/types/sharedThemeTokens/shadows.d.ts.map +1 -0
  80. package/types/sharedThemeTokens/spacing.d.ts +5 -0
  81. package/types/sharedThemeTokens/spacing.d.ts.map +1 -0
  82. package/types/sharedThemeTokens/stacking.d.ts +5 -0
  83. package/types/sharedThemeTokens/stacking.d.ts.map +1 -0
  84. package/types/sharedThemeTokens/transitions.d.ts +5 -0
  85. package/types/sharedThemeTokens/transitions.d.ts.map +1 -0
  86. package/types/sharedThemeTokens/typography.d.ts +5 -0
  87. package/types/sharedThemeTokens/typography.d.ts.map +1 -0
  88. package/types/themes/canvas/colors.d.ts +16 -0
  89. package/types/themes/canvas/colors.d.ts.map +1 -0
  90. package/types/themes/canvas/index.d.ts +27 -0
  91. package/types/themes/canvas/index.d.ts.map +1 -0
  92. package/types/themes/canvasHighContrast/colors.d.ts +16 -0
  93. package/types/themes/canvasHighContrast/colors.d.ts.map +1 -0
  94. package/types/themes/canvasHighContrast/index.d.ts +10 -0
  95. package/types/themes/canvasHighContrast/index.d.ts.map +1 -0
  96. package/types/utils/getUIColors.d.ts +4 -0
  97. package/types/utils/getUIColors.d.ts.map +1 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/index.ts"],"names":[],"mappings":"AAkCA,QAAA,MAAM,MAAM;;;;;;;;;;CAUX,CAAA;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Media } from '@instructure/shared-types';
2
+ declare const media: Media;
3
+ export default media;
4
+ export { media };
5
+ //# sourceMappingURL=media.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"media.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/media.ts"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAEjD,QAAA,MAAM,KAAK,EAAE,KAIF,CAAA;AAEX,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Shadows } from '@instructure/shared-types';
2
+ declare const shadows: Shadows;
3
+ export default shadows;
4
+ export { shadows };
5
+ //# sourceMappingURL=shadows.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/shadows.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AASnD,QAAA,MAAM,OAAO,EAAE,OAQJ,CAAA;AAEX,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Spacing } from '@instructure/shared-types';
2
+ declare const spacing: Spacing;
3
+ export default spacing;
4
+ export { spacing };
5
+ //# sourceMappingURL=spacing.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/spacing.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA;AAEnD,QAAA,MAAM,OAAO,EAAE,OAUJ,CAAA;AAEX,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Stacking } from '@instructure/shared-types';
2
+ declare const stacking: Stacking;
3
+ export default stacking;
4
+ export { stacking };
5
+ //# sourceMappingURL=stacking.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stacking.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/stacking.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,QAAA,MAAM,QAAQ,EAAE,QAKL,CAAA;AACX,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Transitions } from '@instructure/shared-types';
2
+ declare const transitions: Transitions;
3
+ export default transitions;
4
+ export { transitions };
5
+ //# sourceMappingURL=transitions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"transitions.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/transitions.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AAEvD,QAAA,MAAM,WAAW,EAAE,WAGR,CAAA;AAEX,eAAe,WAAW,CAAA;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import { Typography } from '@instructure/shared-types';
2
+ declare const typography: Typography;
3
+ export default typography;
4
+ export { typography };
5
+ //# sourceMappingURL=typography.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/sharedThemeTokens/typography.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,QAAA,MAAM,UAAU,EAAE,UAuBhB,CAAA;AAEF,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { Contrasts, UI } from '@instructure/shared-types';
2
+ declare const colors: {
3
+ primitives: import("@instructure/shared-types").Primitives;
4
+ additionalPrimitives: import("@instructure/shared-types").AdditionalPrimitives;
5
+ contrasts: Contrasts;
6
+ ui: UI;
7
+ dataVisualization: import("@instructure/shared-types").DataVisualization;
8
+ };
9
+ declare const _default: {
10
+ primitives: import("@instructure/shared-types").Primitives;
11
+ contrasts: Contrasts;
12
+ ui: UI;
13
+ };
14
+ export default _default;
15
+ export { colors };
16
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/themes/canvas/colors.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAoC9D,QAAA,MAAM,MAAM;;;;;;CAMX,CAAA;;;;;;AACD,wBAA4C;AAC5C,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -0,0 +1,27 @@
1
+ import sharedThemeTokens from '../../sharedThemeTokens';
2
+ import { BaseTheme, Colors } from '@instructure/shared-types';
3
+ declare const brandVariables: {
4
+ 'ic-brand-primary': string;
5
+ 'ic-brand-font-color-dark': string;
6
+ 'ic-link-color': string;
7
+ 'ic-link-decoration': string;
8
+ 'ic-brand-button--primary-bgd': string;
9
+ 'ic-brand-button--primary-text': string;
10
+ 'ic-brand-button--secondary-bgd': string;
11
+ 'ic-brand-button--secondary-text': string;
12
+ 'ic-brand-global-nav-bgd': string;
13
+ 'ic-global-nav-link-hover': string;
14
+ 'ic-brand-global-nav-ic-icon-svg-fill': string;
15
+ 'ic-brand-global-nav-ic-icon-svg-fill--active': string;
16
+ 'ic-brand-global-nav-menu-item__text-color': string;
17
+ 'ic-brand-global-nav-menu-item__text-color--active': string;
18
+ };
19
+ export type CanvasBrandVariables = typeof brandVariables;
20
+ export type CanvasTheme = BaseTheme & {
21
+ key: 'canvas';
22
+ } & typeof sharedThemeTokens & {
23
+ colors: Colors;
24
+ } & CanvasBrandVariables;
25
+ declare const theme: import("@instructure/theme-registry").Theme<CanvasTheme>;
26
+ export default theme;
27
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/canvas/index.ts"],"names":[],"mappings":"AAwBA,OAAO,iBAAiB,MAAM,yBAAyB,CAAA;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAK7D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;CAoBnB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,OAAO,cAAc,CAAA;AAExD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG;IACpC,GAAG,EAAE,QAAQ,CAAA;CACd,GAAG,OAAO,iBAAiB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,oBAAoB,CAAA;AASxE,QAAA,MAAM,KAAK,0DAAuC,CAAA;AAElD,eAAe,KAAK,CAAA"}
@@ -0,0 +1,16 @@
1
+ import type { UI, Contrasts } from '@instructure/shared-types';
2
+ declare const colors: {
3
+ primitives: import("@instructure/shared-types").Primitives;
4
+ additionalPrimitives: import("@instructure/shared-types").AdditionalPrimitives;
5
+ contrasts: Contrasts;
6
+ ui: UI;
7
+ dataVisualization: import("@instructure/shared-types").DataVisualization;
8
+ };
9
+ declare const _default: {
10
+ primitives: import("@instructure/shared-types").Primitives;
11
+ contrasts: Contrasts;
12
+ ui: UI;
13
+ };
14
+ export default _default;
15
+ export { colors };
16
+ //# sourceMappingURL=colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/themes/canvasHighContrast/colors.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAoC9D,QAAA,MAAM,MAAM;;;;;;CAMX,CAAA;;;;;;AACD,wBAA4C;AAC5C,OAAO,EAAE,MAAM,EAAE,CAAA"}
@@ -0,0 +1,10 @@
1
+ import sharedThemeTokens from '../../sharedThemeTokens';
2
+ import { BaseTheme, Colors } from '@instructure/shared-types';
3
+ export type CanvasHighContrastTheme = BaseTheme & {
4
+ key: 'canvas-high-contrast';
5
+ } & typeof sharedThemeTokens & {
6
+ colors: Colors;
7
+ };
8
+ declare const theme: import("@instructure/theme-registry").Theme<CanvasHighContrastTheme>;
9
+ export default theme;
10
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/canvasHighContrast/index.ts"],"names":[],"mappings":"AAwBA,OAAO,iBAAiB,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAM7D,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG;IAChD,GAAG,EAAE,sBAAsB,CAAA;CAC5B,GAAG,OAAO,iBAAiB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAA;AAQjD,QAAA,MAAM,KAAK,sEAAuC,CAAA;AAElD,eAAe,KAAK,CAAA"}
@@ -0,0 +1,4 @@
1
+ import type { Contrasts, UI } from '@instructure/shared-types';
2
+ export declare const getUIColors: (contrasts: Contrasts) => UI;
3
+ export default getUIColors;
4
+ //# sourceMappingURL=getUIColors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getUIColors.d.ts","sourceRoot":"","sources":["../../src/utils/getUIColors.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAA;AAE9D,eAAO,MAAM,WAAW,cAAe,SAAS,KAAG,EAuCjD,CAAA;AAEF,eAAe,WAAW,CAAA"}