@instructure/ui-theme-tokens 7.13.0 → 7.16.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 +19 -0
- package/es/canvas/colors.js +6 -6
- package/es/instructure/colors.js +10 -10
- package/lib/canvas/colors.js +6 -6
- package/lib/instructure/colors.js +10 -10
- package/package.json +5 -5
- package/src/canvas/colors.js +6 -6
- package/src/instructure/colors.js +10 -10
- package/tokens/canvas/scss/_variables.scss +24 -24
- package/tokens/canvas/source.json +1 -1
- package/tokens/canvas-high-contrast/scss/_variables.scss +1 -1
- package/tokens/instructure/scss/_variables.scss +36 -36
- package/tokens/instructure/source.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
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
|
+
# [7.16.0](https://github.com/instructure/instructure-ui/compare/v7.15.0...v7.16.0) (2022-02-08)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-theme-tokens
|
|
9
|
+
|
|
10
|
+
# [7.15.0](https://github.com/instructure/instructure-ui/compare/v7.14.1...v7.15.0) (2022-02-03)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @instructure/ui-theme-tokens
|
|
13
|
+
|
|
14
|
+
## [7.14.1](https://github.com/instructure/instructure-ui/compare/v7.14.0...v7.14.1) (2021-12-06)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @instructure/ui-theme-tokens
|
|
17
|
+
|
|
18
|
+
# [7.14.0](https://github.com/instructure/instructure-ui/compare/v7.13.0...v7.14.0) (2021-12-01)
|
|
19
|
+
|
|
20
|
+
### Features
|
|
21
|
+
|
|
22
|
+
- **canvas-theme,ui-theme-tokens,ui-themes:** update canvas theme colors ([103c7ce](https://github.com/instructure/instructure-ui/commit/103c7ce)), backports [#767](https://github.com/instructure/instructure-ui/issues/767)
|
|
23
|
+
- **instructure-theme,ui-theme-tokens,ui-themes:** update Instructure theme colors ([bb816da](https://github.com/instructure/instructure-ui/commit/bb816da)), backports [#785](https://github.com/instructure/instructure-ui/issues/785)
|
|
24
|
+
|
|
6
25
|
# [7.13.0](https://github.com/instructure/instructure-ui/compare/v7.12.0...v7.13.0) (2021-11-18)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @instructure/ui-theme-tokens
|
package/es/canvas/colors.js
CHANGED
|
@@ -23,16 +23,16 @@
|
|
|
23
23
|
*/
|
|
24
24
|
import { functionalColors } from "../utils/functionalColors.js";
|
|
25
25
|
var baseColors = {
|
|
26
|
-
brand: '#
|
|
27
|
-
link: '#
|
|
28
|
-
electric: '#
|
|
29
|
-
shamrock: '#
|
|
26
|
+
brand: '#0374B5',
|
|
27
|
+
link: '#0374B5',
|
|
28
|
+
electric: '#0374B5',
|
|
29
|
+
shamrock: '#0B874B',
|
|
30
30
|
barney: '#BF32A4',
|
|
31
|
-
crimson: '#
|
|
31
|
+
crimson: '#E0061F',
|
|
32
32
|
fire: '#FC5E13',
|
|
33
33
|
licorice: '#2D3B45',
|
|
34
34
|
oxford: '#394B58',
|
|
35
|
-
ash: '#
|
|
35
|
+
ash: '#6B7780',
|
|
36
36
|
slate: '#8B969E',
|
|
37
37
|
tiara: '#C7CDD1',
|
|
38
38
|
porcelain: '#F5F5F5',
|
package/es/instructure/colors.js
CHANGED
|
@@ -28,16 +28,16 @@ var values = {
|
|
|
28
28
|
brand: '#287A9F',
|
|
29
29
|
link: '#287A9F',
|
|
30
30
|
electric: '#287A9F',
|
|
31
|
-
shamrock: '#
|
|
32
|
-
barney: '#
|
|
33
|
-
crimson: '#
|
|
34
|
-
fire: '#
|
|
35
|
-
licorice: '#
|
|
36
|
-
oxford: '#
|
|
37
|
-
ash: '#
|
|
38
|
-
slate: '#
|
|
39
|
-
tiara: '#
|
|
40
|
-
porcelain: '#
|
|
31
|
+
shamrock: '#24A159',
|
|
32
|
+
barney: '#143D50',
|
|
33
|
+
crimson: '#E72429',
|
|
34
|
+
fire: '#F76400',
|
|
35
|
+
licorice: '#0D323F',
|
|
36
|
+
oxford: '#143D50',
|
|
37
|
+
ash: '#156380',
|
|
38
|
+
slate: '#156380',
|
|
39
|
+
tiara: '#CCDCE4',
|
|
40
|
+
porcelain: '#F2F8FA',
|
|
41
41
|
white: '#FFFFFF'
|
|
42
42
|
}; // Two Inst colors are not accessible, so adding them for display purposes only
|
|
43
43
|
// in decorative elements
|
package/lib/canvas/colors.js
CHANGED
|
@@ -31,16 +31,16 @@ var _functionalColors = require("../utils/functionalColors.js");
|
|
|
31
31
|
* SOFTWARE.
|
|
32
32
|
*/
|
|
33
33
|
var baseColors = {
|
|
34
|
-
brand: '#
|
|
35
|
-
link: '#
|
|
36
|
-
electric: '#
|
|
37
|
-
shamrock: '#
|
|
34
|
+
brand: '#0374B5',
|
|
35
|
+
link: '#0374B5',
|
|
36
|
+
electric: '#0374B5',
|
|
37
|
+
shamrock: '#0B874B',
|
|
38
38
|
barney: '#BF32A4',
|
|
39
|
-
crimson: '#
|
|
39
|
+
crimson: '#E0061F',
|
|
40
40
|
fire: '#FC5E13',
|
|
41
41
|
licorice: '#2D3B45',
|
|
42
42
|
oxford: '#394B58',
|
|
43
|
-
ash: '#
|
|
43
|
+
ash: '#6B7780',
|
|
44
44
|
slate: '#8B969E',
|
|
45
45
|
tiara: '#C7CDD1',
|
|
46
46
|
porcelain: '#F5F5F5',
|
|
@@ -38,16 +38,16 @@ var values = {
|
|
|
38
38
|
brand: '#287A9F',
|
|
39
39
|
link: '#287A9F',
|
|
40
40
|
electric: '#287A9F',
|
|
41
|
-
shamrock: '#
|
|
42
|
-
barney: '#
|
|
43
|
-
crimson: '#
|
|
44
|
-
fire: '#
|
|
45
|
-
licorice: '#
|
|
46
|
-
oxford: '#
|
|
47
|
-
ash: '#
|
|
48
|
-
slate: '#
|
|
49
|
-
tiara: '#
|
|
50
|
-
porcelain: '#
|
|
41
|
+
shamrock: '#24A159',
|
|
42
|
+
barney: '#143D50',
|
|
43
|
+
crimson: '#E72429',
|
|
44
|
+
fire: '#F76400',
|
|
45
|
+
licorice: '#0D323F',
|
|
46
|
+
oxford: '#143D50',
|
|
47
|
+
ash: '#156380',
|
|
48
|
+
slate: '#156380',
|
|
49
|
+
tiara: '#CCDCE4',
|
|
50
|
+
porcelain: '#F2F8FA',
|
|
51
51
|
white: '#FFFFFF'
|
|
52
52
|
}; // Two Inst colors are not accessible, so adding them for display purposes only
|
|
53
53
|
// in decorative elements
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-theme-tokens",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.16.0",
|
|
4
4
|
"description": "Cross-platform theme tokens for Instructure products",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -21,13 +21,13 @@
|
|
|
21
21
|
},
|
|
22
22
|
"license": "MIT",
|
|
23
23
|
"devDependencies": {
|
|
24
|
-
"@instructure/ui-babel-preset": "^7.
|
|
25
|
-
"@instructure/ui-color-utils": "^7.
|
|
26
|
-
"@instructure/ui-test-utils": "^7.
|
|
24
|
+
"@instructure/ui-babel-preset": "^7.16.0",
|
|
25
|
+
"@instructure/ui-color-utils": "^7.16.0",
|
|
26
|
+
"@instructure/ui-test-utils": "^7.16.0"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@babel/runtime": "^7.9.2",
|
|
30
|
-
"@instructure/ui-themeable": "^7.
|
|
30
|
+
"@instructure/ui-themeable": "^7.16.0"
|
|
31
31
|
},
|
|
32
32
|
"publishConfig": {
|
|
33
33
|
"access": "public"
|
package/src/canvas/colors.js
CHANGED
|
@@ -25,16 +25,16 @@
|
|
|
25
25
|
import { functionalColors } from '../utils/functionalColors'
|
|
26
26
|
|
|
27
27
|
const baseColors = {
|
|
28
|
-
brand: '#
|
|
29
|
-
link: '#
|
|
30
|
-
electric: '#
|
|
31
|
-
shamrock: '#
|
|
28
|
+
brand: '#0374B5',
|
|
29
|
+
link: '#0374B5',
|
|
30
|
+
electric: '#0374B5',
|
|
31
|
+
shamrock: '#0B874B',
|
|
32
32
|
barney: '#BF32A4',
|
|
33
|
-
crimson: '#
|
|
33
|
+
crimson: '#E0061F',
|
|
34
34
|
fire: '#FC5E13',
|
|
35
35
|
licorice: '#2D3B45',
|
|
36
36
|
oxford: '#394B58',
|
|
37
|
-
ash: '#
|
|
37
|
+
ash: '#6B7780',
|
|
38
38
|
slate: '#8B969E',
|
|
39
39
|
tiara: '#C7CDD1',
|
|
40
40
|
porcelain: '#F5F5F5',
|
|
@@ -28,16 +28,16 @@ const values = {
|
|
|
28
28
|
brand: '#287A9F',
|
|
29
29
|
link: '#287A9F',
|
|
30
30
|
electric: '#287A9F',
|
|
31
|
-
shamrock: '#
|
|
32
|
-
barney: '#
|
|
33
|
-
crimson: '#
|
|
34
|
-
fire: '#
|
|
35
|
-
licorice: '#
|
|
36
|
-
oxford: '#
|
|
37
|
-
ash: '#
|
|
38
|
-
slate: '#
|
|
39
|
-
tiara: '#
|
|
40
|
-
porcelain: '#
|
|
31
|
+
shamrock: '#24A159',
|
|
32
|
+
barney: '#143D50',
|
|
33
|
+
crimson: '#E72429',
|
|
34
|
+
fire: '#F76400',
|
|
35
|
+
licorice: '#0D323F',
|
|
36
|
+
oxford: '#143D50',
|
|
37
|
+
ash: '#156380',
|
|
38
|
+
slate: '#156380',
|
|
39
|
+
tiara: '#CCDCE4',
|
|
40
|
+
porcelain: '#F2F8FA',
|
|
41
41
|
white: '#FFFFFF'
|
|
42
42
|
}
|
|
43
43
|
|
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 08 Feb 2022 13:03:15 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;
|
|
@@ -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}}}
|
|
@@ -1,56 +1,56 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 08 Feb 2022 13:03:15 GMT
|
|
4
4
|
|
|
5
5
|
$instui-instructure-colors-brand: #287A9F;
|
|
6
6
|
$instui-instructure-colors-link: #287A9F;
|
|
7
7
|
$instui-instructure-colors-electric: #287A9F;
|
|
8
|
-
$instui-instructure-colors-shamrock: #
|
|
9
|
-
$instui-instructure-colors-barney: #
|
|
10
|
-
$instui-instructure-colors-crimson: #
|
|
11
|
-
$instui-instructure-colors-fire: #
|
|
12
|
-
$instui-instructure-colors-licorice: #
|
|
13
|
-
$instui-instructure-colors-oxford: #
|
|
14
|
-
$instui-instructure-colors-ash: #
|
|
15
|
-
$instui-instructure-colors-slate: #
|
|
16
|
-
$instui-instructure-colors-tiara: #
|
|
17
|
-
$instui-instructure-colors-porcelain: #
|
|
8
|
+
$instui-instructure-colors-shamrock: #24A159;
|
|
9
|
+
$instui-instructure-colors-barney: #143D50;
|
|
10
|
+
$instui-instructure-colors-crimson: #E72429;
|
|
11
|
+
$instui-instructure-colors-fire: #F76400;
|
|
12
|
+
$instui-instructure-colors-licorice: #0D323F;
|
|
13
|
+
$instui-instructure-colors-oxford: #143D50;
|
|
14
|
+
$instui-instructure-colors-ash: #156380;
|
|
15
|
+
$instui-instructure-colors-slate: #156380;
|
|
16
|
+
$instui-instructure-colors-tiara: #CCDCE4;
|
|
17
|
+
$instui-instructure-colors-porcelain: #F2F8FA;
|
|
18
18
|
$instui-instructure-colors-white: #FFFFFF;
|
|
19
|
-
$instui-instructure-colors-text-darkest: #
|
|
20
|
-
$instui-instructure-colors-text-dark: #
|
|
21
|
-
$instui-instructure-colors-text-light: #
|
|
19
|
+
$instui-instructure-colors-text-darkest: #0D323F;
|
|
20
|
+
$instui-instructure-colors-text-dark: #156380;
|
|
21
|
+
$instui-instructure-colors-text-light: #F2F8FA;
|
|
22
22
|
$instui-instructure-colors-text-lightest: #FFFFFF;
|
|
23
23
|
$instui-instructure-colors-text-brand: #287A9F;
|
|
24
24
|
$instui-instructure-colors-text-link: #287A9F;
|
|
25
|
-
$instui-instructure-colors-text-alert: #
|
|
25
|
+
$instui-instructure-colors-text-alert: #143D50;
|
|
26
26
|
$instui-instructure-colors-text-info: #287A9F;
|
|
27
|
-
$instui-instructure-colors-text-success: #
|
|
28
|
-
$instui-instructure-colors-text-danger: #
|
|
29
|
-
$instui-instructure-colors-text-warning: #
|
|
30
|
-
$instui-instructure-colors-background-darkest: #
|
|
31
|
-
$instui-instructure-colors-background-dark: #
|
|
32
|
-
$instui-instructure-colors-background-medium: #
|
|
33
|
-
$instui-instructure-colors-background-light: #
|
|
27
|
+
$instui-instructure-colors-text-success: #24A159;
|
|
28
|
+
$instui-instructure-colors-text-danger: #E72429;
|
|
29
|
+
$instui-instructure-colors-text-warning: #F76400;
|
|
30
|
+
$instui-instructure-colors-background-darkest: #0D323F;
|
|
31
|
+
$instui-instructure-colors-background-dark: #156380;
|
|
32
|
+
$instui-instructure-colors-background-medium: #CCDCE4;
|
|
33
|
+
$instui-instructure-colors-background-light: #F2F8FA;
|
|
34
34
|
$instui-instructure-colors-background-lightest: #FFFFFF;
|
|
35
35
|
$instui-instructure-colors-background-brand: #287A9F;
|
|
36
|
-
$instui-instructure-colors-background-brand-secondary: #
|
|
37
|
-
$instui-instructure-colors-background-alert: #
|
|
36
|
+
$instui-instructure-colors-background-brand-secondary: #143D50;
|
|
37
|
+
$instui-instructure-colors-background-alert: #143D50;
|
|
38
38
|
$instui-instructure-colors-background-info: #287A9F;
|
|
39
|
-
$instui-instructure-colors-background-success: #
|
|
40
|
-
$instui-instructure-colors-background-danger: #
|
|
41
|
-
$instui-instructure-colors-background-warning: #
|
|
39
|
+
$instui-instructure-colors-background-success: #24A159;
|
|
40
|
+
$instui-instructure-colors-background-danger: #E72429;
|
|
41
|
+
$instui-instructure-colors-background-warning: #F76400;
|
|
42
42
|
$instui-instructure-colors-border-lightest: #FFFFFF;
|
|
43
|
-
$instui-instructure-colors-border-light: #
|
|
44
|
-
$instui-instructure-colors-border-medium: #
|
|
45
|
-
$instui-instructure-colors-border-dark: #
|
|
46
|
-
$instui-instructure-colors-border-darkest: #
|
|
43
|
+
$instui-instructure-colors-border-light: #F2F8FA;
|
|
44
|
+
$instui-instructure-colors-border-medium: #CCDCE4;
|
|
45
|
+
$instui-instructure-colors-border-dark: #156380;
|
|
46
|
+
$instui-instructure-colors-border-darkest: #0D323F;
|
|
47
47
|
$instui-instructure-colors-border-brand: #287A9F;
|
|
48
|
-
$instui-instructure-colors-border-alert: #
|
|
48
|
+
$instui-instructure-colors-border-alert: #143D50;
|
|
49
49
|
$instui-instructure-colors-border-info: #287A9F;
|
|
50
|
-
$instui-instructure-colors-border-success: #
|
|
51
|
-
$instui-instructure-colors-border-danger: #
|
|
52
|
-
$instui-instructure-colors-border-warning: #
|
|
53
|
-
$instui-instructure-colors-border-debug: #
|
|
50
|
+
$instui-instructure-colors-border-success: #24A159;
|
|
51
|
+
$instui-instructure-colors-border-danger: #E72429;
|
|
52
|
+
$instui-instructure-colors-border-warning: #F76400;
|
|
53
|
+
$instui-instructure-colors-border-debug: #E72429;
|
|
54
54
|
$instui-instructure-colors-inaccessible-alert: #fccb0e;
|
|
55
55
|
$instui-instructure-colors-inaccessible-warning: #f68e1f;
|
|
56
56
|
$instui-instructure-borders-radius-small: 0.125rem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"colors":{"brand":{"value":"#287A9F"},"link":{"value":"#287A9F"},"electric":{"value":"#287A9F"},"shamrock":{"value":"#
|
|
1
|
+
{"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"},"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"},"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}}}
|