@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.
- package/CHANGELOG.md +16 -2
- package/README.md +4 -4
- package/es/index.js +5 -3
- package/es/sharedThemeTokens/borders.js +45 -0
- package/es/sharedThemeTokens/breakpoints.js +57 -0
- package/es/sharedThemeTokens/colors/dataVisualization.js +138 -0
- package/es/sharedThemeTokens/colors/primitives.js +172 -0
- package/es/sharedThemeTokens/forms.js +31 -0
- package/es/sharedThemeTokens/index.js +46 -0
- package/es/sharedThemeTokens/media.js +32 -0
- package/es/sharedThemeTokens/shadows.js +36 -0
- package/es/sharedThemeTokens/spacing.js +45 -0
- package/es/sharedThemeTokens/stacking.js +32 -0
- package/es/sharedThemeTokens/transitions.js +30 -0
- package/es/sharedThemeTokens/typography.js +54 -0
- package/es/themes/canvas/colors.js +67 -0
- package/es/themes/canvas/index.js +54 -0
- package/es/themes/canvasHighContrast/colors.js +67 -0
- package/es/themes/canvasHighContrast/index.js +36 -0
- package/es/utils/getUIColors.js +59 -0
- package/lib/index.js +26 -5
- package/lib/sharedThemeTokens/borders.js +50 -0
- package/lib/sharedThemeTokens/breakpoints.js +62 -0
- package/lib/sharedThemeTokens/colors/dataVisualization.js +144 -0
- package/lib/sharedThemeTokens/colors/primitives.js +178 -0
- package/lib/sharedThemeTokens/forms.js +36 -0
- package/lib/sharedThemeTokens/index.js +51 -0
- package/lib/sharedThemeTokens/media.js +37 -0
- package/lib/sharedThemeTokens/shadows.js +41 -0
- package/lib/sharedThemeTokens/spacing.js +50 -0
- package/lib/sharedThemeTokens/stacking.js +37 -0
- package/lib/sharedThemeTokens/transitions.js +35 -0
- package/lib/sharedThemeTokens/typography.js +59 -0
- package/lib/themes/canvas/colors.js +73 -0
- package/lib/themes/canvas/index.js +60 -0
- package/lib/themes/canvasHighContrast/colors.js +73 -0
- package/lib/themes/canvasHighContrast/index.js +43 -0
- package/lib/utils/getUIColors.js +66 -0
- package/package.json +4 -6
- package/src/index.ts +28 -9
- package/src/sharedThemeTokens/borders.ts +42 -0
- package/src/sharedThemeTokens/breakpoints.ts +54 -0
- package/src/sharedThemeTokens/colors/dataVisualization.ts +151 -0
- package/src/sharedThemeTokens/colors/primitives.ts +190 -0
- package/src/sharedThemeTokens/forms.ts +34 -0
- package/src/sharedThemeTokens/index.ts +48 -0
- package/src/sharedThemeTokens/media.ts +35 -0
- package/src/sharedThemeTokens/shadows.ts +45 -0
- package/src/sharedThemeTokens/spacing.ts +40 -0
- package/src/sharedThemeTokens/stacking.ts +34 -0
- package/src/sharedThemeTokens/transitions.ts +33 -0
- package/src/sharedThemeTokens/typography.ts +53 -0
- package/src/themes/canvas/colors.ts +76 -0
- package/src/themes/canvas/index.ts +69 -0
- package/src/themes/canvasHighContrast/colors.ts +76 -0
- package/src/themes/canvasHighContrast/index.ts +44 -0
- package/src/utils/getUIColors.ts +68 -0
- package/tokens/canvas/scss/_variables.scss +151 -0
- package/tokens/canvas/source.json +1 -0
- package/tsconfig.build.json +1 -7
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/index.d.ts +9 -7
- package/types/index.d.ts.map +1 -1
- package/types/sharedThemeTokens/borders.d.ts +5 -0
- package/types/sharedThemeTokens/borders.d.ts.map +1 -0
- package/types/sharedThemeTokens/breakpoints.d.ts +5 -0
- package/types/sharedThemeTokens/breakpoints.d.ts.map +1 -0
- package/types/sharedThemeTokens/colors/dataVisualization.d.ts +4 -0
- package/types/sharedThemeTokens/colors/dataVisualization.d.ts.map +1 -0
- package/types/sharedThemeTokens/colors/primitives.d.ts +4 -0
- package/types/sharedThemeTokens/colors/primitives.d.ts.map +1 -0
- package/types/sharedThemeTokens/forms.d.ts +5 -0
- package/types/sharedThemeTokens/forms.d.ts.map +1 -0
- package/types/sharedThemeTokens/index.d.ts +14 -0
- package/types/sharedThemeTokens/index.d.ts.map +1 -0
- package/types/sharedThemeTokens/media.d.ts +5 -0
- package/types/sharedThemeTokens/media.d.ts.map +1 -0
- package/types/sharedThemeTokens/shadows.d.ts +5 -0
- package/types/sharedThemeTokens/shadows.d.ts.map +1 -0
- package/types/sharedThemeTokens/spacing.d.ts +5 -0
- package/types/sharedThemeTokens/spacing.d.ts.map +1 -0
- package/types/sharedThemeTokens/stacking.d.ts +5 -0
- package/types/sharedThemeTokens/stacking.d.ts.map +1 -0
- package/types/sharedThemeTokens/transitions.d.ts +5 -0
- package/types/sharedThemeTokens/transitions.d.ts.map +1 -0
- package/types/sharedThemeTokens/typography.d.ts +5 -0
- package/types/sharedThemeTokens/typography.d.ts.map +1 -0
- package/types/themes/canvas/colors.d.ts +16 -0
- package/types/themes/canvas/colors.d.ts.map +1 -0
- package/types/themes/canvas/index.d.ts +27 -0
- package/types/themes/canvas/index.d.ts.map +1 -0
- package/types/themes/canvasHighContrast/colors.d.ts +16 -0
- package/types/themes/canvasHighContrast/colors.d.ts.map +1 -0
- package/types/themes/canvasHighContrast/index.d.ts +10 -0
- package/types/themes/canvasHighContrast/index.d.ts.map +1 -0
- package/types/utils/getUIColors.d.ts +4 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|