@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,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;
@@ -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;
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }
@@ -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 }