@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.
Files changed (93) hide show
  1. package/CHANGELOG.md +16 -2
  2. package/es/index.js +1 -3
  3. package/lib/index.js +4 -5
  4. package/package.json +3 -5
  5. package/src/index.ts +1 -3
  6. package/tokens/canvas/scss/_variables.scss +90 -0
  7. package/tokens/canvas/source.json +1 -1
  8. package/tokens/canvas-high-contrast/scss/_variables.scss +90 -0
  9. package/tokens/canvas-high-contrast/source.json +1 -1
  10. package/tsconfig.build.json +1 -7
  11. package/tsconfig.build.tsbuildinfo +1 -1
  12. package/types/index.d.ts +1 -3
  13. package/types/index.d.ts.map +1 -1
  14. package/es/canvas/borders.js +0 -45
  15. package/es/canvas/breakpoints.js +0 -57
  16. package/es/canvas/colors.js +0 -60
  17. package/es/canvas/forms.js +0 -31
  18. package/es/canvas/index.js +0 -48
  19. package/es/canvas/media.js +0 -32
  20. package/es/canvas/shadows.js +0 -36
  21. package/es/canvas/spacing.js +0 -45
  22. package/es/canvas/stacking.js +0 -32
  23. package/es/canvas/transitions.js +0 -30
  24. package/es/canvas/typography.js +0 -54
  25. package/es/canvasHighContrast/colors.js +0 -60
  26. package/es/canvasHighContrast/index.js +0 -32
  27. package/es/common/colors/index.js +0 -29
  28. package/es/common/colors/primitves.js +0 -61
  29. package/es/utils/getUIColors.js +0 -48
  30. package/lib/canvas/borders.js +0 -50
  31. package/lib/canvas/breakpoints.js +0 -62
  32. package/lib/canvas/colors.js +0 -66
  33. package/lib/canvas/forms.js +0 -36
  34. package/lib/canvas/index.js +0 -53
  35. package/lib/canvas/media.js +0 -37
  36. package/lib/canvas/shadows.js +0 -41
  37. package/lib/canvas/spacing.js +0 -50
  38. package/lib/canvas/stacking.js +0 -37
  39. package/lib/canvas/transitions.js +0 -35
  40. package/lib/canvas/typography.js +0 -59
  41. package/lib/canvasHighContrast/colors.js +0 -66
  42. package/lib/canvasHighContrast/index.js +0 -37
  43. package/lib/common/colors/index.js +0 -36
  44. package/lib/common/colors/primitves.js +0 -67
  45. package/lib/utils/getUIColors.js +0 -55
  46. package/src/canvas/borders.ts +0 -42
  47. package/src/canvas/breakpoints.ts +0 -54
  48. package/src/canvas/colors.ts +0 -66
  49. package/src/canvas/forms.ts +0 -34
  50. package/src/canvas/index.ts +0 -50
  51. package/src/canvas/media.ts +0 -35
  52. package/src/canvas/shadows.ts +0 -45
  53. package/src/canvas/spacing.ts +0 -40
  54. package/src/canvas/stacking.ts +0 -34
  55. package/src/canvas/transitions.ts +0 -33
  56. package/src/canvas/typography.ts +0 -53
  57. package/src/canvasHighContrast/colors.ts +0 -66
  58. package/src/canvasHighContrast/index.ts +0 -34
  59. package/src/common/colors/index.ts +0 -31
  60. package/src/common/colors/primitves.ts +0 -69
  61. package/src/utils/getUIColors.ts +0 -54
  62. package/types/canvas/borders.d.ts +0 -5
  63. package/types/canvas/borders.d.ts.map +0 -1
  64. package/types/canvas/breakpoints.d.ts +0 -5
  65. package/types/canvas/breakpoints.d.ts.map +0 -1
  66. package/types/canvas/colors.d.ts +0 -5
  67. package/types/canvas/colors.d.ts.map +0 -1
  68. package/types/canvas/forms.d.ts +0 -5
  69. package/types/canvas/forms.d.ts.map +0 -1
  70. package/types/canvas/index.d.ts +0 -15
  71. package/types/canvas/index.d.ts.map +0 -1
  72. package/types/canvas/media.d.ts +0 -5
  73. package/types/canvas/media.d.ts.map +0 -1
  74. package/types/canvas/shadows.d.ts +0 -5
  75. package/types/canvas/shadows.d.ts.map +0 -1
  76. package/types/canvas/spacing.d.ts +0 -5
  77. package/types/canvas/spacing.d.ts.map +0 -1
  78. package/types/canvas/stacking.d.ts +0 -5
  79. package/types/canvas/stacking.d.ts.map +0 -1
  80. package/types/canvas/transitions.d.ts +0 -5
  81. package/types/canvas/transitions.d.ts.map +0 -1
  82. package/types/canvas/typography.d.ts +0 -5
  83. package/types/canvas/typography.d.ts.map +0 -1
  84. package/types/canvasHighContrast/colors.d.ts +0 -9
  85. package/types/canvasHighContrast/colors.d.ts.map +0 -1
  86. package/types/canvasHighContrast/index.d.ts +0 -19
  87. package/types/canvasHighContrast/index.d.ts.map +0 -1
  88. package/types/common/colors/index.d.ts +0 -5
  89. package/types/common/colors/index.d.ts.map +0 -1
  90. package/types/common/colors/primitves.d.ts +0 -4
  91. package/types/common/colors/primitves.d.ts.map +0 -1
  92. package/types/utils/getUIColors.d.ts +0 -4
  93. package/types/utils/getUIColors.d.ts.map +0 -1
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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 };
@@ -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;
@@ -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;
@@ -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;