@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
package/es/canvas/colors.js
DELETED
@@ -1,60 +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
|
-
const contrasts = {
|
28
|
-
white1010: primitives.white,
|
29
|
-
white1010op75: primitives.white10op75,
|
30
|
-
grey1111: primitives.grey11,
|
31
|
-
grey1214: primitives.grey12,
|
32
|
-
grey1424: primitives.grey14,
|
33
|
-
grey2424: primitives.grey24,
|
34
|
-
grey4570: primitives.grey45,
|
35
|
-
grey5782: primitives.grey57,
|
36
|
-
grey100100: primitives.grey100,
|
37
|
-
grey100100op75: primitives.grey100op75,
|
38
|
-
grey125125: primitives.grey125,
|
39
|
-
blue1212: primitives.blue12,
|
40
|
-
blue4570: primitives.blue45,
|
41
|
-
blue5782: primitives.blue57,
|
42
|
-
green1212: primitives.green12,
|
43
|
-
green4570: primitives.green45,
|
44
|
-
green5782: primitives.green57,
|
45
|
-
orange1212: primitives.orange12,
|
46
|
-
orange3045: primitives.orange30,
|
47
|
-
orange4570: primitives.orange45,
|
48
|
-
orange5782: primitives.orange57,
|
49
|
-
red1212: primitives.red12,
|
50
|
-
red4570: primitives.red45,
|
51
|
-
red5782: primitives.red57
|
52
|
-
};
|
53
|
-
const ui = getUIColors(contrasts);
|
54
|
-
const colors = {
|
55
|
-
primitives,
|
56
|
-
contrasts,
|
57
|
-
ui
|
58
|
-
};
|
59
|
-
export default colors;
|
60
|
-
export { colors };
|
package/es/canvas/forms.js
DELETED
@@ -1,31 +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
|
-
const forms = Object.freeze({
|
26
|
-
inputHeightSmall: '1.75rem',
|
27
|
-
inputHeightMedium: '2.375rem',
|
28
|
-
inputHeightLarge: '3rem'
|
29
|
-
});
|
30
|
-
export default forms;
|
31
|
-
export { forms };
|
package/es/canvas/index.js
DELETED
@@ -1,48 +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
|
-
const canvas = {
|
36
|
-
colors,
|
37
|
-
borders,
|
38
|
-
transitions,
|
39
|
-
typography,
|
40
|
-
spacing,
|
41
|
-
forms,
|
42
|
-
media,
|
43
|
-
breakpoints,
|
44
|
-
shadows,
|
45
|
-
stacking
|
46
|
-
};
|
47
|
-
export default canvas;
|
48
|
-
export { canvas };
|
package/es/canvas/media.js
DELETED
@@ -1,32 +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
|
-
const media = Object.freeze({
|
27
|
-
mediumMin: `min-width: ${breakpoints.medium}`,
|
28
|
-
largeMin: `min-width: ${breakpoints.large}`,
|
29
|
-
xLargeMin: `min-width: ${breakpoints.xLarge}`
|
30
|
-
});
|
31
|
-
export default media;
|
32
|
-
export { media };
|
package/es/canvas/shadows.js
DELETED
@@ -1,36 +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
|
-
// use for consistent box shadows
|
26
|
-
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)'];
|
27
|
-
const shadows = Object.freeze({
|
28
|
-
depth1: values[0],
|
29
|
-
depth2: values[1],
|
30
|
-
depth3: values[2],
|
31
|
-
resting: values[0],
|
32
|
-
above: values[1],
|
33
|
-
topmost: values[2]
|
34
|
-
});
|
35
|
-
export default shadows;
|
36
|
-
export { shadows };
|
package/es/canvas/spacing.js
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
|
-
const spacing = Object.freeze({
|
26
|
-
xxxSmall: '0.125rem',
|
27
|
-
// 2px
|
28
|
-
xxSmall: '0.375rem',
|
29
|
-
// 6px
|
30
|
-
xSmall: '0.5rem',
|
31
|
-
// 8px
|
32
|
-
small: '0.75rem',
|
33
|
-
// 12px
|
34
|
-
mediumSmall: '1rem',
|
35
|
-
// 16px
|
36
|
-
medium: '1.5rem',
|
37
|
-
// 24px
|
38
|
-
large: '2.25rem',
|
39
|
-
// 36px
|
40
|
-
xLarge: '3rem',
|
41
|
-
// 48px
|
42
|
-
xxLarge: '3.75rem' // 60px
|
43
|
-
});
|
44
|
-
export default spacing;
|
45
|
-
export { spacing };
|
package/es/canvas/stacking.js
DELETED
@@ -1,32 +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
|
-
const stacking = Object.freeze({
|
26
|
-
topmost: 9999,
|
27
|
-
above: 1,
|
28
|
-
below: -1,
|
29
|
-
deepest: -9999
|
30
|
-
});
|
31
|
-
export default stacking;
|
32
|
-
export { stacking };
|
package/es/canvas/transitions.js
DELETED
@@ -1,30 +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
|
-
const transitions = Object.freeze({
|
26
|
-
duration: '300ms',
|
27
|
-
timing: 'ease-in-out'
|
28
|
-
});
|
29
|
-
export default transitions;
|
30
|
-
export { transitions };
|
package/es/canvas/typography.js
DELETED
@@ -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
|
-
const typography = Object.freeze({
|
26
|
-
fontFamily: 'LatoWeb, Lato, "Helvetica Neue", Helvetica, Arial, sans-serif',
|
27
|
-
fontFamilyMonospace: 'Menlo, Consolas, Monaco, "Andale Mono", monospace',
|
28
|
-
fontSizeXSmall: '0.75rem',
|
29
|
-
// 12px
|
30
|
-
fontSizeSmall: '0.875rem',
|
31
|
-
// 14px
|
32
|
-
fontSizeMedium: '1rem',
|
33
|
-
// 16px
|
34
|
-
fontSizeLarge: '1.375rem',
|
35
|
-
// 22px
|
36
|
-
fontSizeXLarge: '1.75rem',
|
37
|
-
// 28px
|
38
|
-
fontSizeXXLarge: '2.375rem',
|
39
|
-
// 38px
|
40
|
-
|
41
|
-
fontWeightLight: 300,
|
42
|
-
fontWeightNormal: 400,
|
43
|
-
fontWeightBold: 700,
|
44
|
-
lineHeight: 1.5,
|
45
|
-
// 24px
|
46
|
-
lineHeightFit: 1.125,
|
47
|
-
lineHeightCondensed: 1.25,
|
48
|
-
lineHeightDouble: 2,
|
49
|
-
letterSpacingNormal: 0,
|
50
|
-
letterSpacingCondensed: '-0.0625rem',
|
51
|
-
letterSpacingExpanded: '0.0625rem'
|
52
|
-
});
|
53
|
-
export default typography;
|
54
|
-
export { typography };
|
@@ -1,60 +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
|
-
const contrasts = {
|
28
|
-
white1010: primitives.white,
|
29
|
-
white1010op75: primitives.white10op75,
|
30
|
-
grey1111: primitives.grey11,
|
31
|
-
grey1214: primitives.grey14,
|
32
|
-
grey1424: primitives.grey24,
|
33
|
-
grey2424: primitives.grey24,
|
34
|
-
grey4570: primitives.grey70,
|
35
|
-
grey5782: primitives.grey82,
|
36
|
-
grey100100: primitives.grey100,
|
37
|
-
grey100100op75: primitives.grey100op75,
|
38
|
-
grey125125: primitives.grey125,
|
39
|
-
blue1212: primitives.blue12,
|
40
|
-
blue4570: primitives.blue70,
|
41
|
-
blue5782: primitives.blue82,
|
42
|
-
green1212: primitives.green12,
|
43
|
-
green4570: primitives.green70,
|
44
|
-
green5782: primitives.green82,
|
45
|
-
orange1212: primitives.orange12,
|
46
|
-
orange3045: primitives.orange45,
|
47
|
-
orange4570: primitives.orange70,
|
48
|
-
orange5782: primitives.orange82,
|
49
|
-
red1212: primitives.red12,
|
50
|
-
red4570: primitives.red70,
|
51
|
-
red5782: primitives.red82
|
52
|
-
};
|
53
|
-
const ui = getUIColors(contrasts);
|
54
|
-
const colors = {
|
55
|
-
primitives,
|
56
|
-
contrasts,
|
57
|
-
ui
|
58
|
-
};
|
59
|
-
export default colors;
|
60
|
-
export { colors };
|
@@ -1,32 +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 { canvas } from '../canvas';
|
26
|
-
import { colors } from './colors';
|
27
|
-
const canvasHighContrast = {
|
28
|
-
...canvas,
|
29
|
-
colors
|
30
|
-
};
|
31
|
-
export default canvasHighContrast;
|
32
|
-
export { canvasHighContrast };
|
@@ -1,29 +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 './primitves';
|
26
|
-
const colors = {
|
27
|
-
primitives
|
28
|
-
};
|
29
|
-
export default colors;
|
@@ -1,61 +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
|
-
const primitives = {
|
26
|
-
white: '#FFFFFF',
|
27
|
-
white10op75: '#FFFFFFBF',
|
28
|
-
grey11: '#F2F4F4',
|
29
|
-
grey12: '#E8EAEC',
|
30
|
-
grey14: '#D7DADE',
|
31
|
-
grey24: '#9EA6AD',
|
32
|
-
grey45: '#6A7883',
|
33
|
-
grey57: '#586874',
|
34
|
-
grey70: '#4A5B68',
|
35
|
-
grey82: '#3F515E',
|
36
|
-
grey100: '#334451',
|
37
|
-
grey100op75: '#334451BF',
|
38
|
-
grey125: '#273540',
|
39
|
-
blue12: '#E0EBF5',
|
40
|
-
blue45: '#2B7ABC',
|
41
|
-
blue57: '#0E68B3',
|
42
|
-
blue70: '#0A5A9E',
|
43
|
-
blue82: '#09508C',
|
44
|
-
green12: '#DCEEE4',
|
45
|
-
green45: '#03893D',
|
46
|
-
green57: '#027634',
|
47
|
-
green70: '#02672D',
|
48
|
-
green82: '#015B28',
|
49
|
-
orange12: '#FCE5D9',
|
50
|
-
orange30: '#F06E26',
|
51
|
-
orange45: '#CF4A00',
|
52
|
-
orange57: '#B34000',
|
53
|
-
orange70: '#9C3800',
|
54
|
-
orange82: '#8B3200',
|
55
|
-
red12: '#FCE4E5',
|
56
|
-
red45: '#E62429',
|
57
|
-
red57: '#C71F23',
|
58
|
-
red70: '#AE1B1F',
|
59
|
-
red82: '#9B181C'
|
60
|
-
};
|
61
|
-
export default primitives;
|
package/es/utils/getUIColors.js
DELETED
@@ -1,48 +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
|
-
export const getUIColors = contrasts => ({
|
26
|
-
surfacePagePrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
|
27
|
-
surfacePageSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
|
28
|
-
surfaceCardPrimary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010,
|
29
|
-
surfaceCardSecondary: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1111,
|
30
|
-
surfaceDark: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100,
|
31
|
-
textTitle: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
32
|
-
textDescription: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
33
|
-
textBody: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey125125,
|
34
|
-
textTimestamp: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
35
|
-
textAuthor: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
36
|
-
textDatapoint: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey5782,
|
37
|
-
textLink: contrasts === null || contrasts === void 0 ? void 0 : contrasts.blue4570,
|
38
|
-
textPlaceholder: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey2424,
|
39
|
-
textSuccess: contrasts === null || contrasts === void 0 ? void 0 : contrasts.green4570,
|
40
|
-
textWarning: contrasts === null || contrasts === void 0 ? void 0 : contrasts.orange4570,
|
41
|
-
textError: contrasts === null || contrasts === void 0 ? void 0 : contrasts.red4570,
|
42
|
-
lineStroke: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424,
|
43
|
-
lineDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1214,
|
44
|
-
surfaceOverlayGrey: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey100100op75,
|
45
|
-
surfaceOverlayWhite: contrasts === null || contrasts === void 0 ? void 0 : contrasts.white1010op75,
|
46
|
-
surfaceDivider: contrasts === null || contrasts === void 0 ? void 0 : contrasts.grey1424
|
47
|
-
});
|
48
|
-
export default getUIColors;
|
package/lib/canvas/borders.js
DELETED
@@ -1,50 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = exports.borders = 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 consistency between buttons, text inputs, etc.
|
32
|
-
|
33
|
-
const borders = exports.borders = Object.freeze({
|
34
|
-
radiusSmall: '0.125rem',
|
35
|
-
// 2px
|
36
|
-
radiusMedium: '0.25rem',
|
37
|
-
// 4px
|
38
|
-
radiusLarge: '0.5rem',
|
39
|
-
// 8px
|
40
|
-
|
41
|
-
widthSmall: '0.0625rem',
|
42
|
-
// 1px
|
43
|
-
widthMedium: '0.125rem',
|
44
|
-
// 2px
|
45
|
-
widthLarge: '0.25rem',
|
46
|
-
// 4px
|
47
|
-
|
48
|
-
style: 'solid'
|
49
|
-
});
|
50
|
-
var _default = exports.default = borders;
|