@instructure/canvas-theme 8.12.1-snapshot.7 → 8.13.1-snapshot.9
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 +6 -0
- package/lib/index.js +2 -1
- package/package.json +5 -5
- package/tokens/scss/_variables.scss +24 -24
- package/tokens/source.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [8.13.0](https://github.com/instructure/instructure-ui/compare/v8.12.0...v8.13.0) (2021-12-01)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **canvas-theme,ui-theme-tokens,ui-themes:** update canvas theme colors ([a72237d](https://github.com/instructure/instructure-ui/commit/a72237dc213b86aa8f18da2618559ea4c118e1dd))
|
|
11
|
+
|
|
6
12
|
# [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @instructure/canvas-theme
|
package/lib/index.js
CHANGED
|
@@ -3,13 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.forms = exports.default = exports.colors = exports.breakpoints = exports.borders = void 0;
|
|
6
7
|
Object.defineProperty(exports, "functionalColors", {
|
|
7
8
|
enumerable: true,
|
|
8
9
|
get: function () {
|
|
9
10
|
return _functionalColors.functionalColors;
|
|
10
11
|
}
|
|
11
12
|
});
|
|
12
|
-
exports.typography = exports.transitions = exports.
|
|
13
|
+
exports.typography = exports.transitions = exports.theme = exports.stacking = exports.spacing = exports.shadows = exports.media = exports.key = void 0;
|
|
13
14
|
|
|
14
15
|
var _canvas = require("@instructure/ui-theme-tokens/lib/canvas");
|
|
15
16
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/canvas-theme",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.13.1-snapshot.9+f32ba918e",
|
|
4
4
|
"description": "A theme for Canvas LMS made by Instructure Inc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-babel-preset": "8.
|
|
26
|
+
"@instructure/ui-babel-preset": "8.13.1-snapshot.9+f32ba918e"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@babel/runtime": "^7.13.10",
|
|
30
|
-
"@instructure/shared-types": "8.
|
|
31
|
-
"@instructure/ui-theme-tokens": "8.
|
|
30
|
+
"@instructure/shared-types": "8.13.1-snapshot.9+f32ba918e",
|
|
31
|
+
"@instructure/ui-theme-tokens": "8.13.1-snapshot.9+f32ba918e"
|
|
32
32
|
},
|
|
33
33
|
"publishConfig": {
|
|
34
34
|
"access": "public"
|
|
35
35
|
},
|
|
36
36
|
"sideEffects": false,
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "f32ba918e4d3ce76c6ee95c856584d00a9d80958"
|
|
38
38
|
}
|
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Thu, 02 Dec 2021 12:34:22 GMT
|
|
4
4
|
|
|
5
|
-
$instui-canvas-colors-brand: #
|
|
6
|
-
$instui-canvas-colors-link: #
|
|
7
|
-
$instui-canvas-colors-electric: #
|
|
8
|
-
$instui-canvas-colors-shamrock: #
|
|
5
|
+
$instui-canvas-colors-brand: #0374B5;
|
|
6
|
+
$instui-canvas-colors-link: #0374B5;
|
|
7
|
+
$instui-canvas-colors-electric: #0374B5;
|
|
8
|
+
$instui-canvas-colors-shamrock: #0B874B;
|
|
9
9
|
$instui-canvas-colors-barney: #BF32A4;
|
|
10
|
-
$instui-canvas-colors-crimson: #
|
|
10
|
+
$instui-canvas-colors-crimson: #E0061F;
|
|
11
11
|
$instui-canvas-colors-fire: #FC5E13;
|
|
12
12
|
$instui-canvas-colors-licorice: #2D3B45;
|
|
13
13
|
$instui-canvas-colors-oxford: #394B58;
|
|
14
|
-
$instui-canvas-colors-ash: #
|
|
14
|
+
$instui-canvas-colors-ash: #6B7780;
|
|
15
15
|
$instui-canvas-colors-slate: #8B969E;
|
|
16
16
|
$instui-canvas-colors-tiara: #C7CDD1;
|
|
17
17
|
$instui-canvas-colors-porcelain: #F5F5F5;
|
|
18
18
|
$instui-canvas-colors-white: #FFFFFF;
|
|
19
19
|
$instui-canvas-colors-text-darkest: #2D3B45;
|
|
20
|
-
$instui-canvas-colors-text-dark: #
|
|
20
|
+
$instui-canvas-colors-text-dark: #6B7780;
|
|
21
21
|
$instui-canvas-colors-text-light: #F5F5F5;
|
|
22
22
|
$instui-canvas-colors-text-lightest: #FFFFFF;
|
|
23
|
-
$instui-canvas-colors-text-brand: #
|
|
24
|
-
$instui-canvas-colors-text-link: #
|
|
23
|
+
$instui-canvas-colors-text-brand: #0374B5;
|
|
24
|
+
$instui-canvas-colors-text-link: #0374B5;
|
|
25
25
|
$instui-canvas-colors-text-alert: #BF32A4;
|
|
26
|
-
$instui-canvas-colors-text-info: #
|
|
27
|
-
$instui-canvas-colors-text-success: #
|
|
28
|
-
$instui-canvas-colors-text-danger: #
|
|
26
|
+
$instui-canvas-colors-text-info: #0374B5;
|
|
27
|
+
$instui-canvas-colors-text-success: #0B874B;
|
|
28
|
+
$instui-canvas-colors-text-danger: #E0061F;
|
|
29
29
|
$instui-canvas-colors-text-warning: #FC5E13;
|
|
30
30
|
$instui-canvas-colors-background-darkest: #2D3B45;
|
|
31
|
-
$instui-canvas-colors-background-dark: #
|
|
31
|
+
$instui-canvas-colors-background-dark: #6B7780;
|
|
32
32
|
$instui-canvas-colors-background-medium: #C7CDD1;
|
|
33
33
|
$instui-canvas-colors-background-light: #F5F5F5;
|
|
34
34
|
$instui-canvas-colors-background-lightest: #FFFFFF;
|
|
35
|
-
$instui-canvas-colors-background-brand: #
|
|
35
|
+
$instui-canvas-colors-background-brand: #0374B5;
|
|
36
36
|
$instui-canvas-colors-background-brand-secondary: #394B58;
|
|
37
37
|
$instui-canvas-colors-background-alert: #BF32A4;
|
|
38
|
-
$instui-canvas-colors-background-info: #
|
|
39
|
-
$instui-canvas-colors-background-success: #
|
|
40
|
-
$instui-canvas-colors-background-danger: #
|
|
38
|
+
$instui-canvas-colors-background-info: #0374B5;
|
|
39
|
+
$instui-canvas-colors-background-success: #0B874B;
|
|
40
|
+
$instui-canvas-colors-background-danger: #E0061F;
|
|
41
41
|
$instui-canvas-colors-background-warning: #FC5E13;
|
|
42
42
|
$instui-canvas-colors-border-lightest: #FFFFFF;
|
|
43
43
|
$instui-canvas-colors-border-light: #F5F5F5;
|
|
44
44
|
$instui-canvas-colors-border-medium: #C7CDD1;
|
|
45
|
-
$instui-canvas-colors-border-dark: #
|
|
45
|
+
$instui-canvas-colors-border-dark: #6B7780;
|
|
46
46
|
$instui-canvas-colors-border-darkest: #2D3B45;
|
|
47
|
-
$instui-canvas-colors-border-brand: #
|
|
47
|
+
$instui-canvas-colors-border-brand: #0374B5;
|
|
48
48
|
$instui-canvas-colors-border-alert: #BF32A4;
|
|
49
|
-
$instui-canvas-colors-border-info: #
|
|
50
|
-
$instui-canvas-colors-border-success: #
|
|
51
|
-
$instui-canvas-colors-border-danger: #
|
|
49
|
+
$instui-canvas-colors-border-info: #0374B5;
|
|
50
|
+
$instui-canvas-colors-border-success: #0B874B;
|
|
51
|
+
$instui-canvas-colors-border-danger: #E0061F;
|
|
52
52
|
$instui-canvas-colors-border-warning: #FC5E13;
|
|
53
|
-
$instui-canvas-colors-border-debug: #
|
|
53
|
+
$instui-canvas-colors-border-debug: #E0061F;
|
|
54
54
|
$instui-canvas-borders-radius-small: 0.125rem;
|
|
55
55
|
$instui-canvas-borders-radius-medium: 0.25rem;
|
|
56
56
|
$instui-canvas-borders-radius-large: 0.5rem;
|
package/tokens/source.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"colors":{"brand":{"value":"#
|
|
1
|
+
{"colors":{"brand":{"value":"#0374B5"},"link":{"value":"#0374B5"},"electric":{"value":"#0374B5"},"shamrock":{"value":"#0B874B"},"barney":{"value":"#BF32A4"},"crimson":{"value":"#E0061F"},"fire":{"value":"#FC5E13"},"licorice":{"value":"#2D3B45"},"oxford":{"value":"#394B58"},"ash":{"value":"#6B7780"},"slate":{"value":"#8B969E"},"tiara":{"value":"#C7CDD1"},"porcelain":{"value":"#F5F5F5"},"white":{"value":"#FFFFFF"},"textDarkest":{"value":"#2D3B45"},"textDark":{"value":"#6B7780"},"textLight":{"value":"#F5F5F5"},"textLightest":{"value":"#FFFFFF"},"textBrand":{"value":"#0374B5"},"textLink":{"value":"#0374B5"},"textAlert":{"value":"#BF32A4"},"textInfo":{"value":"#0374B5"},"textSuccess":{"value":"#0B874B"},"textDanger":{"value":"#E0061F"},"textWarning":{"value":"#FC5E13"},"backgroundDarkest":{"value":"#2D3B45"},"backgroundDark":{"value":"#6B7780"},"backgroundMedium":{"value":"#C7CDD1"},"backgroundLight":{"value":"#F5F5F5"},"backgroundLightest":{"value":"#FFFFFF"},"backgroundBrand":{"value":"#0374B5"},"backgroundBrandSecondary":{"value":"#394B58"},"backgroundAlert":{"value":"#BF32A4"},"backgroundInfo":{"value":"#0374B5"},"backgroundSuccess":{"value":"#0B874B"},"backgroundDanger":{"value":"#E0061F"},"backgroundWarning":{"value":"#FC5E13"},"borderLightest":{"value":"#FFFFFF"},"borderLight":{"value":"#F5F5F5"},"borderMedium":{"value":"#C7CDD1"},"borderDark":{"value":"#6B7780"},"borderDarkest":{"value":"#2D3B45"},"borderBrand":{"value":"#0374B5"},"borderAlert":{"value":"#BF32A4"},"borderInfo":{"value":"#0374B5"},"borderSuccess":{"value":"#0B874B"},"borderDanger":{"value":"#E0061F"},"borderWarning":{"value":"#FC5E13"},"borderDebug":{"value":"#E0061F"}},"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":"LatoWeb, Lato, \"Helvetica Neue\", Helvetica, Arial, sans-serif"},"fontFamilyMonospace":{"value":"Menlo, Consolas, Monaco, \"Andale Mono\", monospace"},"fontSizeXSmall":{"value":"0.75rem"},"fontSizeSmall":{"value":"0.875rem"},"fontSizeMedium":{"value":"1rem"},"fontSizeLarge":{"value":"1.375rem"},"fontSizeXLarge":{"value":"1.75rem"},"fontSizeXXLarge":{"value":"2.375rem"},"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.5rem"},"small":{"value":"0.75rem"},"medium":{"value":"1.5rem"},"large":{"value":"2.25rem"},"xLarge":{"value":"3rem"},"xxLarge":{"value":"3.75rem"}},"forms":{"inputHeightSmall":{"value":"1.75rem"},"inputHeightMedium":{"value":"2.375rem"},"inputHeightLarge":{"value":"3rem"}},"breakpoints":{"xxSmall":{"value":"8em"},"xSmall":{"value":"16em"},"small":{"value":"30em"},"medium":{"value":"48em"},"large":{"value":"62em"},"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}}}
|