@instructure/ui-theme-tokens 10.0.1-snapshot-14 → 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,67 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
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 primitives = {
|
32
|
-
white: '#FFFFFF',
|
33
|
-
white10op75: '#FFFFFFBF',
|
34
|
-
grey11: '#F2F4F4',
|
35
|
-
grey12: '#E8EAEC',
|
36
|
-
grey14: '#D7DADE',
|
37
|
-
grey24: '#9EA6AD',
|
38
|
-
grey45: '#6A7883',
|
39
|
-
grey57: '#586874',
|
40
|
-
grey70: '#4A5B68',
|
41
|
-
grey82: '#3F515E',
|
42
|
-
grey100: '#334451',
|
43
|
-
grey100op75: '#334451BF',
|
44
|
-
grey125: '#273540',
|
45
|
-
blue12: '#E0EBF5',
|
46
|
-
blue45: '#2B7ABC',
|
47
|
-
blue57: '#0E68B3',
|
48
|
-
blue70: '#0A5A9E',
|
49
|
-
blue82: '#09508C',
|
50
|
-
green12: '#DCEEE4',
|
51
|
-
green45: '#03893D',
|
52
|
-
green57: '#027634',
|
53
|
-
green70: '#02672D',
|
54
|
-
green82: '#015B28',
|
55
|
-
orange12: '#FCE5D9',
|
56
|
-
orange30: '#F06E26',
|
57
|
-
orange45: '#CF4A00',
|
58
|
-
orange57: '#B34000',
|
59
|
-
orange70: '#9C3800',
|
60
|
-
orange82: '#8B3200',
|
61
|
-
red12: '#FCE4E5',
|
62
|
-
red45: '#E62429',
|
63
|
-
red57: '#C71F23',
|
64
|
-
red70: '#AE1B1F',
|
65
|
-
red82: '#9B181C'
|
66
|
-
};
|
67
|
-
var _default = exports.default = primitives;
|
package/lib/utils/getUIColors.js
DELETED
@@ -1,55 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.getUIColors = 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 getUIColors = contrasts => ({
|
32
|
-
surfacePagePrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
|
33
|
-
surfacePageSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
|
34
|
-
surfaceCardPrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
|
35
|
-
surfaceCardSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
|
36
|
-
surfaceDark: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100,
|
37
|
-
textTitle: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
38
|
-
textDescription: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
39
|
-
textBody: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
40
|
-
textTimestamp: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
41
|
-
textAuthor: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
42
|
-
textDatapoint: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
43
|
-
textLink: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue4570,
|
44
|
-
textPlaceholder: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey2424,
|
45
|
-
textSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
|
46
|
-
textWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
|
47
|
-
textError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
|
48
|
-
lineStroke: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424,
|
49
|
-
lineDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
|
50
|
-
surfaceOverlayGrey: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100op75,
|
51
|
-
surfaceOverlayWhite: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010op75,
|
52
|
-
surfaceDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424
|
53
|
-
});
|
54
|
-
exports.getUIColors = getUIColors;
|
55
|
-
var _default = exports.default = getUIColors;
|
package/src/canvas/borders.ts
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Border } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
// use for consistency between buttons, text inputs, etc.
|
28
|
-
|
29
|
-
const borders: Border = Object.freeze({
|
30
|
-
radiusSmall: '0.125rem', // 2px
|
31
|
-
radiusMedium: '0.25rem', // 4px
|
32
|
-
radiusLarge: '0.5rem', // 8px
|
33
|
-
|
34
|
-
widthSmall: '0.0625rem', // 1px
|
35
|
-
widthMedium: '0.125rem', // 2px
|
36
|
-
widthLarge: '0.25rem', // 4px
|
37
|
-
|
38
|
-
style: 'solid'
|
39
|
-
} as const)
|
40
|
-
|
41
|
-
export default borders
|
42
|
-
export { borders }
|
@@ -1,54 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Breakpoints } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const onePixel = 0.0625
|
28
|
-
|
29
|
-
// base = 16px
|
30
|
-
const values = {
|
31
|
-
xxSmall: 8, // 128px
|
32
|
-
xSmall: 16, // 256px
|
33
|
-
small: 30, // 480px
|
34
|
-
medium: 48, // 768px
|
35
|
-
tablet: 48, // 768px
|
36
|
-
large: 62, // 992px
|
37
|
-
desktop: 64, // 1024px
|
38
|
-
xLarge: 75 // 1200px
|
39
|
-
}
|
40
|
-
|
41
|
-
const breakpoints: Breakpoints = Object.freeze({
|
42
|
-
xxSmall: `${values.xxSmall}em`,
|
43
|
-
xSmall: `${values.xSmall}em`,
|
44
|
-
small: `${values.small}em`,
|
45
|
-
medium: `${values.medium}em`,
|
46
|
-
tablet: `${values.tablet}em`,
|
47
|
-
large: `${values.large}em`,
|
48
|
-
desktop: `${values.desktop}em`,
|
49
|
-
xLarge: `${values.xLarge}em`,
|
50
|
-
maxWidth: `${values.large - onePixel}em`
|
51
|
-
})
|
52
|
-
|
53
|
-
export default breakpoints
|
54
|
-
export { breakpoints }
|
package/src/canvas/colors.ts
DELETED
@@ -1,66 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import primitives from '../common/colors/primitves'
|
26
|
-
import getUIColors from '../utils/getUIColors'
|
27
|
-
|
28
|
-
import type { Colors, Contrasts, UI } from '@instructure/shared-types'
|
29
|
-
|
30
|
-
const contrasts: Contrasts = {
|
31
|
-
white1010: primitives.white,
|
32
|
-
white1010op75: primitives.white10op75,
|
33
|
-
|
34
|
-
grey1111: primitives.grey11,
|
35
|
-
grey1214: primitives.grey12,
|
36
|
-
grey1424: primitives.grey14,
|
37
|
-
grey2424: primitives.grey24,
|
38
|
-
grey4570: primitives.grey45,
|
39
|
-
grey5782: primitives.grey57,
|
40
|
-
grey100100: primitives.grey100,
|
41
|
-
grey100100op75: primitives.grey100op75,
|
42
|
-
grey125125: primitives.grey125,
|
43
|
-
|
44
|
-
blue1212: primitives.blue12,
|
45
|
-
blue4570: primitives.blue45,
|
46
|
-
blue5782: primitives.blue57,
|
47
|
-
|
48
|
-
green1212: primitives.green12,
|
49
|
-
green4570: primitives.green45,
|
50
|
-
green5782: primitives.green57,
|
51
|
-
|
52
|
-
orange1212: primitives.orange12,
|
53
|
-
orange3045: primitives.orange30,
|
54
|
-
orange4570: primitives.orange45,
|
55
|
-
orange5782: primitives.orange57,
|
56
|
-
|
57
|
-
red1212: primitives.red12,
|
58
|
-
red4570: primitives.red45,
|
59
|
-
red5782: primitives.red57
|
60
|
-
}
|
61
|
-
|
62
|
-
const ui: UI = getUIColors(contrasts)
|
63
|
-
|
64
|
-
const colors: Colors = { primitives, contrasts, ui }
|
65
|
-
export default colors
|
66
|
-
export { colors }
|
package/src/canvas/forms.ts
DELETED
@@ -1,34 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Forms } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const forms: Forms = Object.freeze({
|
28
|
-
inputHeightSmall: '1.75rem',
|
29
|
-
inputHeightMedium: '2.375rem',
|
30
|
-
inputHeightLarge: '3rem'
|
31
|
-
})
|
32
|
-
|
33
|
-
export default forms
|
34
|
-
export { forms }
|
package/src/canvas/index.ts
DELETED
@@ -1,50 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { borders } from './borders'
|
26
|
-
import { colors } from './colors'
|
27
|
-
import { transitions } from './transitions'
|
28
|
-
import { typography } from './typography'
|
29
|
-
import { spacing } from './spacing'
|
30
|
-
import { forms } from './forms'
|
31
|
-
import { media } from './media'
|
32
|
-
import { breakpoints } from './breakpoints'
|
33
|
-
import { shadows } from './shadows'
|
34
|
-
import { stacking } from './stacking'
|
35
|
-
|
36
|
-
const canvas = {
|
37
|
-
colors,
|
38
|
-
borders,
|
39
|
-
transitions,
|
40
|
-
typography,
|
41
|
-
spacing,
|
42
|
-
forms,
|
43
|
-
media,
|
44
|
-
breakpoints,
|
45
|
-
shadows,
|
46
|
-
stacking
|
47
|
-
}
|
48
|
-
|
49
|
-
export default canvas
|
50
|
-
export { canvas }
|
package/src/canvas/media.ts
DELETED
@@ -1,35 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { breakpoints } from './breakpoints'
|
26
|
-
import { Media } from '@instructure/shared-types'
|
27
|
-
|
28
|
-
const media: Media = Object.freeze({
|
29
|
-
mediumMin: `min-width: ${breakpoints.medium}`,
|
30
|
-
largeMin: `min-width: ${breakpoints.large}`,
|
31
|
-
xLargeMin: `min-width: ${breakpoints.xLarge}`
|
32
|
-
} as const)
|
33
|
-
|
34
|
-
export default media
|
35
|
-
export { media }
|
package/src/canvas/shadows.ts
DELETED
@@ -1,45 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Shadows } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
// use for consistent box shadows
|
28
|
-
const values = [
|
29
|
-
'0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2), 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.1)',
|
30
|
-
'0 0.1875rem 0.375rem rgba(0, 0, 0, 0.1), 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16)',
|
31
|
-
'0 0.375rem 0.4375rem rgba(0, 0, 0, 0.1), 0 0.625rem 1.75rem rgba(0, 0, 0, 0.25)'
|
32
|
-
]
|
33
|
-
|
34
|
-
const shadows: Shadows = Object.freeze({
|
35
|
-
depth1: values[0],
|
36
|
-
depth2: values[1],
|
37
|
-
depth3: values[2],
|
38
|
-
|
39
|
-
resting: values[0],
|
40
|
-
above: values[1],
|
41
|
-
topmost: values[2]
|
42
|
-
} as const)
|
43
|
-
|
44
|
-
export default shadows
|
45
|
-
export { shadows }
|
package/src/canvas/spacing.ts
DELETED
@@ -1,40 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Spacing } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const spacing: Spacing = Object.freeze({
|
28
|
-
xxxSmall: '0.125rem', // 2px
|
29
|
-
xxSmall: '0.375rem', // 6px
|
30
|
-
xSmall: '0.5rem', // 8px
|
31
|
-
small: '0.75rem', // 12px
|
32
|
-
mediumSmall: '1rem', // 16px
|
33
|
-
medium: '1.5rem', // 24px
|
34
|
-
large: '2.25rem', // 36px
|
35
|
-
xLarge: '3rem', // 48px
|
36
|
-
xxLarge: '3.75rem' // 60px
|
37
|
-
} as const)
|
38
|
-
|
39
|
-
export default spacing
|
40
|
-
export { spacing }
|
package/src/canvas/stacking.ts
DELETED
@@ -1,34 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Stacking } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const stacking: Stacking = Object.freeze({
|
28
|
-
topmost: 9999,
|
29
|
-
above: 1,
|
30
|
-
below: -1,
|
31
|
-
deepest: -9999
|
32
|
-
} as const)
|
33
|
-
export default stacking
|
34
|
-
export { stacking }
|
@@ -1,33 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Transitions } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const transitions: Transitions = Object.freeze({
|
28
|
-
duration: '300ms',
|
29
|
-
timing: 'ease-in-out'
|
30
|
-
} as const)
|
31
|
-
|
32
|
-
export default transitions
|
33
|
-
export { transitions }
|
package/src/canvas/typography.ts
DELETED
@@ -1,53 +0,0 @@
|
|
1
|
-
/*
|
2
|
-
* The MIT License (MIT)
|
3
|
-
*
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
5
|
-
*
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
11
|
-
* furnished to do so, subject to the following conditions:
|
12
|
-
*
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
14
|
-
* copies or substantial portions of the Software.
|
15
|
-
*
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
22
|
-
* SOFTWARE.
|
23
|
-
*/
|
24
|
-
|
25
|
-
import { Typography } from '@instructure/shared-types'
|
26
|
-
|
27
|
-
const typography: Typography = Object.freeze({
|
28
|
-
fontFamily: 'LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',
|
29
|
-
fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',
|
30
|
-
|
31
|
-
fontSizeXSmall: '0.75rem', // 12px
|
32
|
-
fontSizeSmall: '0.875rem', // 14px
|
33
|
-
fontSizeMedium: '1rem', // 16px
|
34
|
-
fontSizeLarge: '1.375rem', // 22px
|
35
|
-
fontSizeXLarge: '1.75rem', // 28px
|
36
|
-
fontSizeXXLarge: '2.375rem', // 38px
|
37
|
-
|
38
|
-
fontWeightLight: 300,
|
39
|
-
fontWeightNormal: 400,
|
40
|
-
fontWeightBold: 700,
|
41
|
-
|
42
|
-
lineHeight: 1.5, // 24px
|
43
|
-
lineHeightFit: 1.125,
|
44
|
-
lineHeightCondensed: 1.25,
|
45
|
-
lineHeightDouble: 2,
|
46
|
-
|
47
|
-
letterSpacingNormal: 0,
|
48
|
-
letterSpacingCondensed: '-0.0625rem',
|
49
|
-
letterSpacingExpanded: '0.0625rem'
|
50
|
-
})
|
51
|
-
|
52
|
-
export default typography
|
53
|
-
export { typography }
|