@instructure/ui-theme-tokens 10.0.1-snapshot-13 → 10.1.1-snapshot-4973
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +16 -2
- package/es/index.js +1 -3
- package/lib/index.js +4 -5
- package/package.json +3 -5
- package/src/index.ts +1 -3
- package/tokens/canvas/scss/_variables.scss +90 -0
- package/tokens/canvas/source.json +1 -1
- package/tokens/canvas-high-contrast/scss/_variables.scss +90 -0
- package/tokens/canvas-high-contrast/source.json +1 -1
- package/tsconfig.build.json +1 -7
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/index.d.ts +1 -3
- package/types/index.d.ts.map +1 -1
- package/es/canvas/borders.js +0 -45
- package/es/canvas/breakpoints.js +0 -57
- package/es/canvas/colors.js +0 -60
- package/es/canvas/forms.js +0 -31
- package/es/canvas/index.js +0 -48
- package/es/canvas/media.js +0 -32
- package/es/canvas/shadows.js +0 -36
- package/es/canvas/spacing.js +0 -45
- package/es/canvas/stacking.js +0 -32
- package/es/canvas/transitions.js +0 -30
- package/es/canvas/typography.js +0 -54
- package/es/canvasHighContrast/colors.js +0 -60
- package/es/canvasHighContrast/index.js +0 -32
- package/es/common/colors/index.js +0 -29
- package/es/common/colors/primitves.js +0 -61
- package/es/utils/getUIColors.js +0 -48
- package/lib/canvas/borders.js +0 -50
- package/lib/canvas/breakpoints.js +0 -62
- package/lib/canvas/colors.js +0 -66
- package/lib/canvas/forms.js +0 -36
- package/lib/canvas/index.js +0 -53
- package/lib/canvas/media.js +0 -37
- package/lib/canvas/shadows.js +0 -41
- package/lib/canvas/spacing.js +0 -50
- package/lib/canvas/stacking.js +0 -37
- package/lib/canvas/transitions.js +0 -35
- package/lib/canvas/typography.js +0 -59
- package/lib/canvasHighContrast/colors.js +0 -66
- package/lib/canvasHighContrast/index.js +0 -37
- package/lib/common/colors/index.js +0 -36
- package/lib/common/colors/primitves.js +0 -67
- package/lib/utils/getUIColors.js +0 -55
- package/src/canvas/borders.ts +0 -42
- package/src/canvas/breakpoints.ts +0 -54
- package/src/canvas/colors.ts +0 -66
- package/src/canvas/forms.ts +0 -34
- package/src/canvas/index.ts +0 -50
- package/src/canvas/media.ts +0 -35
- package/src/canvas/shadows.ts +0 -45
- package/src/canvas/spacing.ts +0 -40
- package/src/canvas/stacking.ts +0 -34
- package/src/canvas/transitions.ts +0 -33
- package/src/canvas/typography.ts +0 -53
- package/src/canvasHighContrast/colors.ts +0 -66
- package/src/canvasHighContrast/index.ts +0 -34
- package/src/common/colors/index.ts +0 -31
- package/src/common/colors/primitves.ts +0 -69
- package/src/utils/getUIColors.ts +0 -54
- package/types/canvas/borders.d.ts +0 -5
- package/types/canvas/borders.d.ts.map +0 -1
- package/types/canvas/breakpoints.d.ts +0 -5
- package/types/canvas/breakpoints.d.ts.map +0 -1
- package/types/canvas/colors.d.ts +0 -5
- package/types/canvas/colors.d.ts.map +0 -1
- package/types/canvas/forms.d.ts +0 -5
- package/types/canvas/forms.d.ts.map +0 -1
- package/types/canvas/index.d.ts +0 -15
- package/types/canvas/index.d.ts.map +0 -1
- package/types/canvas/media.d.ts +0 -5
- package/types/canvas/media.d.ts.map +0 -1
- package/types/canvas/shadows.d.ts +0 -5
- package/types/canvas/shadows.d.ts.map +0 -1
- package/types/canvas/spacing.d.ts +0 -5
- package/types/canvas/spacing.d.ts.map +0 -1
- package/types/canvas/stacking.d.ts +0 -5
- package/types/canvas/stacking.d.ts.map +0 -1
- package/types/canvas/transitions.d.ts +0 -5
- package/types/canvas/transitions.d.ts.map +0 -1
- package/types/canvas/typography.d.ts +0 -5
- package/types/canvas/typography.d.ts.map +0 -1
- package/types/canvasHighContrast/colors.d.ts +0 -9
- package/types/canvasHighContrast/colors.d.ts.map +0 -1
- package/types/canvasHighContrast/index.d.ts +0 -19
- package/types/canvasHighContrast/index.d.ts.map +0 -1
- package/types/common/colors/index.d.ts +0 -5
- package/types/common/colors/index.d.ts.map +0 -1
- package/types/common/colors/primitves.d.ts +0 -4
- package/types/common/colors/primitves.d.ts.map +0 -1
- package/types/utils/getUIColors.d.ts +0 -4
- package/types/utils/getUIColors.d.ts.map +0 -1
@@ -1,62 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = exports.breakpoints = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const onePixel = 0.0625;
|
32
|
-
|
33
|
-
// base = 16px
|
34
|
-
const values = {
|
35
|
-
xxSmall: 8,
|
36
|
-
// 128px
|
37
|
-
xSmall: 16,
|
38
|
-
// 256px
|
39
|
-
small: 30,
|
40
|
-
// 480px
|
41
|
-
medium: 48,
|
42
|
-
// 768px
|
43
|
-
tablet: 48,
|
44
|
-
// 768px
|
45
|
-
large: 62,
|
46
|
-
// 992px
|
47
|
-
desktop: 64,
|
48
|
-
// 1024px
|
49
|
-
xLarge: 75 // 1200px
|
50
|
-
};
|
51
|
-
const breakpoints = exports.breakpoints = Object.freeze({
|
52
|
-
xxSmall: `${values.xxSmall}em`,
|
53
|
-
xSmall: `${values.xSmall}em`,
|
54
|
-
small: `${values.small}em`,
|
55
|
-
medium: `${values.medium}em`,
|
56
|
-
tablet: `${values.tablet}em`,
|
57
|
-
large: `${values.large}em`,
|
58
|
-
desktop: `${values.desktop}em`,
|
59
|
-
xLarge: `${values.xLarge}em`,
|
60
|
-
maxWidth: `${values.large - onePixel}em`
|
61
|
-
});
|
62
|
-
var _default = exports.default = breakpoints;
|
package/lib/canvas/colors.js
DELETED
@@ -1,66 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.default = exports.colors = void 0;
|
8
|
-
var _primitves = _interopRequireDefault(require("../common/colors/primitves"));
|
9
|
-
var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
|
10
|
-
/*
|
11
|
-
* The MIT License (MIT)
|
12
|
-
*
|
13
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
14
|
-
*
|
15
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
16
|
-
* of this software and associated documentation files (the "Software"), to deal
|
17
|
-
* in the Software without restriction, including without limitation the rights
|
18
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
19
|
-
* copies of the Software, and to permit persons to whom the Software is
|
20
|
-
* furnished to do so, subject to the following conditions:
|
21
|
-
*
|
22
|
-
* The above copyright notice and this permission notice shall be included in all
|
23
|
-
* copies or substantial portions of the Software.
|
24
|
-
*
|
25
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
26
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
27
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
28
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
29
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
30
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
31
|
-
* SOFTWARE.
|
32
|
-
*/
|
33
|
-
|
34
|
-
const contrasts = {
|
35
|
-
white1010: _primitves.default.white,
|
36
|
-
white1010op75: _primitves.default.white10op75,
|
37
|
-
grey1111: _primitves.default.grey11,
|
38
|
-
grey1214: _primitves.default.grey12,
|
39
|
-
grey1424: _primitves.default.grey14,
|
40
|
-
grey2424: _primitves.default.grey24,
|
41
|
-
grey4570: _primitves.default.grey45,
|
42
|
-
grey5782: _primitves.default.grey57,
|
43
|
-
grey100100: _primitves.default.grey100,
|
44
|
-
grey100100op75: _primitves.default.grey100op75,
|
45
|
-
grey125125: _primitves.default.grey125,
|
46
|
-
blue1212: _primitves.default.blue12,
|
47
|
-
blue4570: _primitves.default.blue45,
|
48
|
-
blue5782: _primitves.default.blue57,
|
49
|
-
green1212: _primitves.default.green12,
|
50
|
-
green4570: _primitves.default.green45,
|
51
|
-
green5782: _primitves.default.green57,
|
52
|
-
orange1212: _primitves.default.orange12,
|
53
|
-
orange3045: _primitves.default.orange30,
|
54
|
-
orange4570: _primitves.default.orange45,
|
55
|
-
orange5782: _primitves.default.orange57,
|
56
|
-
red1212: _primitves.default.red12,
|
57
|
-
red4570: _primitves.default.red45,
|
58
|
-
red5782: _primitves.default.red57
|
59
|
-
};
|
60
|
-
const ui = (0, _getUIColors.default)(contrasts);
|
61
|
-
const colors = exports.colors = {
|
62
|
-
primitives: _primitves.default,
|
63
|
-
contrasts,
|
64
|
-
ui
|
65
|
-
};
|
66
|
-
var _default = exports.default = colors;
|
package/lib/canvas/forms.js
DELETED
@@ -1,36 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.forms = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const forms = exports.forms = Object.freeze({
|
32
|
-
inputHeightSmall: '1.75rem',
|
33
|
-
inputHeightMedium: '2.375rem',
|
34
|
-
inputHeightLarge: '3rem'
|
35
|
-
});
|
36
|
-
var _default = exports.default = forms;
|
package/lib/canvas/index.js
DELETED
@@ -1,53 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = exports.canvas = void 0;
|
7
|
-
var _borders = require("./borders");
|
8
|
-
var _colors = require("./colors");
|
9
|
-
var _transitions = require("./transitions");
|
10
|
-
var _typography = require("./typography");
|
11
|
-
var _spacing = require("./spacing");
|
12
|
-
var _forms = require("./forms");
|
13
|
-
var _media = require("./media");
|
14
|
-
var _breakpoints = require("./breakpoints");
|
15
|
-
var _shadows = require("./shadows");
|
16
|
-
var _stacking = require("./stacking");
|
17
|
-
/*
|
18
|
-
* The MIT License (MIT)
|
19
|
-
*
|
20
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
21
|
-
*
|
22
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
23
|
-
* of this software and associated documentation files (the "Software"), to deal
|
24
|
-
* in the Software without restriction, including without limitation the rights
|
25
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
26
|
-
* copies of the Software, and to permit persons to whom the Software is
|
27
|
-
* furnished to do so, subject to the following conditions:
|
28
|
-
*
|
29
|
-
* The above copyright notice and this permission notice shall be included in all
|
30
|
-
* copies or substantial portions of the Software.
|
31
|
-
*
|
32
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
33
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
34
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
35
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
36
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
37
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
38
|
-
* SOFTWARE.
|
39
|
-
*/
|
40
|
-
|
41
|
-
const canvas = exports.canvas = {
|
42
|
-
colors: _colors.colors,
|
43
|
-
borders: _borders.borders,
|
44
|
-
transitions: _transitions.transitions,
|
45
|
-
typography: _typography.typography,
|
46
|
-
spacing: _spacing.spacing,
|
47
|
-
forms: _forms.forms,
|
48
|
-
media: _media.media,
|
49
|
-
breakpoints: _breakpoints.breakpoints,
|
50
|
-
shadows: _shadows.shadows,
|
51
|
-
stacking: _stacking.stacking
|
52
|
-
};
|
53
|
-
var _default = exports.default = canvas;
|
package/lib/canvas/media.js
DELETED
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.media = exports.default = void 0;
|
7
|
-
var _breakpoints = require("./breakpoints");
|
8
|
-
/*
|
9
|
-
* The MIT License (MIT)
|
10
|
-
*
|
11
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
12
|
-
*
|
13
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
14
|
-
* of this software and associated documentation files (the "Software"), to deal
|
15
|
-
* in the Software without restriction, including without limitation the rights
|
16
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
17
|
-
* copies of the Software, and to permit persons to whom the Software is
|
18
|
-
* furnished to do so, subject to the following conditions:
|
19
|
-
*
|
20
|
-
* The above copyright notice and this permission notice shall be included in all
|
21
|
-
* copies or substantial portions of the Software.
|
22
|
-
*
|
23
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
24
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
25
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
26
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
27
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
28
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
29
|
-
* SOFTWARE.
|
30
|
-
*/
|
31
|
-
|
32
|
-
const media = exports.media = Object.freeze({
|
33
|
-
mediumMin: `min-width: ${_breakpoints.breakpoints.medium}`,
|
34
|
-
largeMin: `min-width: ${_breakpoints.breakpoints.large}`,
|
35
|
-
xLargeMin: `min-width: ${_breakpoints.breakpoints.xLarge}`
|
36
|
-
});
|
37
|
-
var _default = exports.default = media;
|
package/lib/canvas/shadows.js
DELETED
@@ -1,41 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.shadows = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
// use for consistent box shadows
|
32
|
-
const values = ['0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)', '0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)', '0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'];
|
33
|
-
const shadows = exports.shadows = Object.freeze({
|
34
|
-
depth1: values[0],
|
35
|
-
depth2: values[1],
|
36
|
-
depth3: values[2],
|
37
|
-
resting: values[0],
|
38
|
-
above: values[1],
|
39
|
-
topmost: values[2]
|
40
|
-
});
|
41
|
-
var _default = exports.default = shadows;
|
package/lib/canvas/spacing.js
DELETED
@@ -1,50 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.spacing = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const spacing = exports.spacing = Object.freeze({
|
32
|
-
xxxSmall: '0.125rem',
|
33
|
-
// 2px
|
34
|
-
xxSmall: '0.375rem',
|
35
|
-
// 6px
|
36
|
-
xSmall: '0.5rem',
|
37
|
-
// 8px
|
38
|
-
small: '0.75rem',
|
39
|
-
// 12px
|
40
|
-
mediumSmall: '1rem',
|
41
|
-
// 16px
|
42
|
-
medium: '1.5rem',
|
43
|
-
// 24px
|
44
|
-
large: '2.25rem',
|
45
|
-
// 36px
|
46
|
-
xLarge: '3rem',
|
47
|
-
// 48px
|
48
|
-
xxLarge: '3.75rem' // 60px
|
49
|
-
});
|
50
|
-
var _default = exports.default = spacing;
|
package/lib/canvas/stacking.js
DELETED
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.stacking = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const stacking = exports.stacking = Object.freeze({
|
32
|
-
topmost: 9999,
|
33
|
-
above: 1,
|
34
|
-
below: -1,
|
35
|
-
deepest: -9999
|
36
|
-
});
|
37
|
-
var _default = exports.default = stacking;
|
@@ -1,35 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.transitions = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const transitions = exports.transitions = Object.freeze({
|
32
|
-
duration: '300ms',
|
33
|
-
timing: 'ease-in-out'
|
34
|
-
});
|
35
|
-
var _default = exports.default = transitions;
|
package/lib/canvas/typography.js
DELETED
@@ -1,59 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.typography = exports.default = void 0;
|
7
|
-
/*
|
8
|
-
* The MIT License (MIT)
|
9
|
-
*
|
10
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
11
|
-
*
|
12
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
13
|
-
* of this software and associated documentation files (the "Software"), to deal
|
14
|
-
* in the Software without restriction, including without limitation the rights
|
15
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
16
|
-
* copies of the Software, and to permit persons to whom the Software is
|
17
|
-
* furnished to do so, subject to the following conditions:
|
18
|
-
*
|
19
|
-
* The above copyright notice and this permission notice shall be included in all
|
20
|
-
* copies or substantial portions of the Software.
|
21
|
-
*
|
22
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
23
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
24
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
25
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
26
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
27
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
28
|
-
* SOFTWARE.
|
29
|
-
*/
|
30
|
-
|
31
|
-
const typography = exports.typography = Object.freeze({
|
32
|
-
fontFamily: 'LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',
|
33
|
-
fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',
|
34
|
-
fontSizeXSmall: '0.75rem',
|
35
|
-
// 12px
|
36
|
-
fontSizeSmall: '0.875rem',
|
37
|
-
// 14px
|
38
|
-
fontSizeMedium: '1rem',
|
39
|
-
// 16px
|
40
|
-
fontSizeLarge: '1.375rem',
|
41
|
-
// 22px
|
42
|
-
fontSizeXLarge: '1.75rem',
|
43
|
-
// 28px
|
44
|
-
fontSizeXXLarge: '2.375rem',
|
45
|
-
// 38px
|
46
|
-
|
47
|
-
fontWeightLight: 300,
|
48
|
-
fontWeightNormal: 400,
|
49
|
-
fontWeightBold: 700,
|
50
|
-
lineHeight: 1.5,
|
51
|
-
// 24px
|
52
|
-
lineHeightFit: 1.125,
|
53
|
-
lineHeightCondensed: 1.25,
|
54
|
-
lineHeightDouble: 2,
|
55
|
-
letterSpacingNormal: 0,
|
56
|
-
letterSpacingCondensed: '-0.0625rem',
|
57
|
-
letterSpacingExpanded: '0.0625rem'
|
58
|
-
});
|
59
|
-
var _default = exports.default = typography;
|
@@ -1,66 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.default = exports.colors = void 0;
|
8
|
-
var _primitves = _interopRequireDefault(require("../common/colors/primitves"));
|
9
|
-
var _getUIColors = _interopRequireDefault(require("../utils/getUIColors"));
|
10
|
-
/*
|
11
|
-
* The MIT License (MIT)
|
12
|
-
*
|
13
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
14
|
-
*
|
15
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
16
|
-
* of this software and associated documentation files (the "Software"), to deal
|
17
|
-
* in the Software without restriction, including without limitation the rights
|
18
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
19
|
-
* copies of the Software, and to permit persons to whom the Software is
|
20
|
-
* furnished to do so, subject to the following conditions:
|
21
|
-
*
|
22
|
-
* The above copyright notice and this permission notice shall be included in all
|
23
|
-
* copies or substantial portions of the Software.
|
24
|
-
*
|
25
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
26
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
27
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
28
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
29
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
30
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
31
|
-
* SOFTWARE.
|
32
|
-
*/
|
33
|
-
|
34
|
-
const contrasts = {
|
35
|
-
white1010: _primitves.default.white,
|
36
|
-
white1010op75: _primitves.default.white10op75,
|
37
|
-
grey1111: _primitves.default.grey11,
|
38
|
-
grey1214: _primitves.default.grey14,
|
39
|
-
grey1424: _primitves.default.grey24,
|
40
|
-
grey2424: _primitves.default.grey24,
|
41
|
-
grey4570: _primitves.default.grey70,
|
42
|
-
grey5782: _primitves.default.grey82,
|
43
|
-
grey100100: _primitves.default.grey100,
|
44
|
-
grey100100op75: _primitves.default.grey100op75,
|
45
|
-
grey125125: _primitves.default.grey125,
|
46
|
-
blue1212: _primitves.default.blue12,
|
47
|
-
blue4570: _primitves.default.blue70,
|
48
|
-
blue5782: _primitves.default.blue82,
|
49
|
-
green1212: _primitves.default.green12,
|
50
|
-
green4570: _primitves.default.green70,
|
51
|
-
green5782: _primitves.default.green82,
|
52
|
-
orange1212: _primitves.default.orange12,
|
53
|
-
orange3045: _primitves.default.orange45,
|
54
|
-
orange4570: _primitves.default.orange70,
|
55
|
-
orange5782: _primitves.default.orange82,
|
56
|
-
red1212: _primitves.default.red12,
|
57
|
-
red4570: _primitves.default.red70,
|
58
|
-
red5782: _primitves.default.red82
|
59
|
-
};
|
60
|
-
const ui = (0, _getUIColors.default)(contrasts);
|
61
|
-
const colors = exports.colors = {
|
62
|
-
primitives: _primitves.default,
|
63
|
-
contrasts,
|
64
|
-
ui
|
65
|
-
};
|
66
|
-
var _default = exports.default = colors;
|
@@ -1,37 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = exports.canvasHighContrast = void 0;
|
7
|
-
var _canvas = require("../canvas");
|
8
|
-
var _colors = require("./colors");
|
9
|
-
/*
|
10
|
-
* The MIT License (MIT)
|
11
|
-
*
|
12
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
13
|
-
*
|
14
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
15
|
-
* of this software and associated documentation files (the "Software"), to deal
|
16
|
-
* in the Software without restriction, including without limitation the rights
|
17
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
18
|
-
* copies of the Software, and to permit persons to whom the Software is
|
19
|
-
* furnished to do so, subject to the following conditions:
|
20
|
-
*
|
21
|
-
* The above copyright notice and this permission notice shall be included in all
|
22
|
-
* copies or substantial portions of the Software.
|
23
|
-
*
|
24
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
25
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
26
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
27
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
28
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
29
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
30
|
-
* SOFTWARE.
|
31
|
-
*/
|
32
|
-
|
33
|
-
const canvasHighContrast = exports.canvasHighContrast = {
|
34
|
-
..._canvas.canvas,
|
35
|
-
colors: _colors.colors
|
36
|
-
};
|
37
|
-
var _default = exports.default = canvasHighContrast;
|
@@ -1,36 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.default = void 0;
|
8
|
-
var _primitves = _interopRequireDefault(require("./primitves"));
|
9
|
-
/*
|
10
|
-
* The MIT License (MIT)
|
11
|
-
*
|
12
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
13
|
-
*
|
14
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
15
|
-
* of this software and associated documentation files (the "Software"), to deal
|
16
|
-
* in the Software without restriction, including without limitation the rights
|
17
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
18
|
-
* copies of the Software, and to permit persons to whom the Software is
|
19
|
-
* furnished to do so, subject to the following conditions:
|
20
|
-
*
|
21
|
-
* The above copyright notice and this permission notice shall be included in all
|
22
|
-
* copies or substantial portions of the Software.
|
23
|
-
*
|
24
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
25
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
26
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
27
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
28
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
29
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
30
|
-
* SOFTWARE.
|
31
|
-
*/
|
32
|
-
|
33
|
-
const colors = {
|
34
|
-
primitives: _primitves.default
|
35
|
-
};
|
36
|
-
var _default = exports.default = colors;
|