@instructure/ui-pagination 10.8.1-snapshot-2 → 10.8.1-snapshot-4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/CHANGELOG.md +5 -2
  2. package/es/Pagination/PaginationPageInput/styles.js +2 -1
  3. package/es/Pagination/PaginationPageInput/theme.js +5 -2
  4. package/lib/Pagination/PaginationPageInput/styles.js +2 -1
  5. package/lib/Pagination/PaginationPageInput/theme.js +5 -2
  6. package/package.json +21 -21
  7. package/src/Pagination/PaginationPageInput/styles.ts +2 -1
  8. package/src/Pagination/PaginationPageInput/theme.ts +3 -2
  9. package/tsconfig.build.tsbuildinfo +1 -1
  10. package/types/Pagination/PaginationPageInput/styles.d.ts.map +1 -1
  11. package/types/Pagination/PaginationPageInput/theme.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,9 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [10.8.1-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.8.0...v10.8.1-snapshot-2) (2024-12-11)
6
+ ## [10.8.1-snapshot-4](https://github.com/instructure/instructure-ui/compare/v10.8.0...v10.8.1-snapshot-4) (2024-12-12)
7
7
 
8
- **Note:** Version bump only for package @instructure/ui-pagination
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-pagination:** fix color of pageInput's label ([b91cfe1](https://github.com/instructure/instructure-ui/commit/b91cfe1e77eeeb9956a87ac01d3ee4598d304a5a))
9
12
 
10
13
 
11
14
 
package/es/Pagination/PaginationPageInput/styles.js CHANGED
@@ -47,7 +47,8 @@ const generateStyle = componentTheme => {
47
47
  inputLabel: {
48
48
  label: 'paginationPageInput__inputLabel',
49
49
  marginInlineStart: componentTheme.inputSpacing,
50
- whiteSpace: 'nowrap'
50
+ whiteSpace: 'nowrap',
51
+ color: componentTheme.labelColor
51
52
  }
52
53
  };
53
54
  };
package/es/Pagination/PaginationPageInput/theme.js CHANGED
@@ -28,10 +28,13 @@
28
28
  * @return {Object} The final theme object with the overrides and component variables
29
29
  */
30
30
  const generateComponentTheme = theme => {
31
- const spacing = theme.spacing;
31
+ var _colors$contrasts;
32
+ const spacing = theme.spacing,
33
+ colors = theme.colors;
32
34
  const componentVariables = {
33
35
  inputSpacing: spacing.xSmall,
34
- inputWidth: '4.5rem'
36
+ inputWidth: '4.5rem',
37
+ labelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125
35
38
  };
36
39
  return {
37
40
  ...componentVariables
package/lib/Pagination/PaginationPageInput/styles.js CHANGED
@@ -53,7 +53,8 @@ const generateStyle = componentTheme => {
53
53
  inputLabel: {
54
54
  label: 'paginationPageInput__inputLabel',
55
55
  marginInlineStart: componentTheme.inputSpacing,
56
- whiteSpace: 'nowrap'
56
+ whiteSpace: 'nowrap',
57
+ color: componentTheme.labelColor
57
58
  }
58
59
  };
59
60
  };
package/lib/Pagination/PaginationPageInput/theme.js CHANGED
@@ -34,10 +34,13 @@ exports.default = void 0;
34
34
  * @return {Object} The final theme object with the overrides and component variables
35
35
  */
36
36
  const generateComponentTheme = theme => {
37
- const spacing = theme.spacing;
37
+ var _colors$contrasts;
38
+ const spacing = theme.spacing,
39
+ colors = theme.colors;
38
40
  const componentVariables = {
39
41
  inputSpacing: spacing.xSmall,
40
- inputWidth: '4.5rem'
42
+ inputWidth: '4.5rem',
43
+ labelColor: colors === null || colors === void 0 ? void 0 : (_colors$contrasts = colors.contrasts) === null || _colors$contrasts === void 0 ? void 0 : _colors$contrasts.grey125125
41
44
  };
42
45
  return {
43
46
  ...componentVariables
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-pagination",
3
- "version": "10.8.1-snapshot-2",
3
+ "version": "10.8.1-snapshot-4",
4
4
  "description": "A UI component library made by Instructure Inc.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,9 +23,9 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.8.1-snapshot-2",
27
- "@instructure/ui-babel-preset": "10.8.1-snapshot-2",
28
- "@instructure/ui-test-utils": "10.8.1-snapshot-2",
26
+ "@instructure/ui-axe-check": "10.8.1-snapshot-4",
27
+ "@instructure/ui-babel-preset": "10.8.1-snapshot-4",
28
+ "@instructure/ui-test-utils": "10.8.1-snapshot-4",
29
29
  "@testing-library/jest-dom": "^6.6.3",
30
30
  "@testing-library/react": "^16.0.1",
31
31
  "@testing-library/user-event": "^14.5.2",
@@ -33,23 +33,23 @@
33
33
  },
34
34
  "dependencies": {
35
35
  "@babel/runtime": "^7.26.0",
36
- "@instructure/emotion": "10.8.1-snapshot-2",
37
- "@instructure/shared-types": "10.8.1-snapshot-2",
38
- "@instructure/ui-a11y-content": "10.8.1-snapshot-2",
39
- "@instructure/ui-a11y-utils": "10.8.1-snapshot-2",
40
- "@instructure/ui-buttons": "10.8.1-snapshot-2",
41
- "@instructure/ui-dom-utils": "10.8.1-snapshot-2",
42
- "@instructure/ui-icons": "10.8.1-snapshot-2",
43
- "@instructure/ui-number-input": "10.8.1-snapshot-2",
44
- "@instructure/ui-portal": "10.8.1-snapshot-2",
45
- "@instructure/ui-prop-types": "10.8.1-snapshot-2",
46
- "@instructure/ui-react-utils": "10.8.1-snapshot-2",
47
- "@instructure/ui-testable": "10.8.1-snapshot-2",
48
- "@instructure/ui-themes": "10.8.1-snapshot-2",
49
- "@instructure/ui-tooltip": "10.8.1-snapshot-2",
50
- "@instructure/ui-utils": "10.8.1-snapshot-2",
51
- "@instructure/ui-view": "10.8.1-snapshot-2",
52
- "@instructure/uid": "10.8.1-snapshot-2",
36
+ "@instructure/emotion": "10.8.1-snapshot-4",
37
+ "@instructure/shared-types": "10.8.1-snapshot-4",
38
+ "@instructure/ui-a11y-content": "10.8.1-snapshot-4",
39
+ "@instructure/ui-a11y-utils": "10.8.1-snapshot-4",
40
+ "@instructure/ui-buttons": "10.8.1-snapshot-4",
41
+ "@instructure/ui-dom-utils": "10.8.1-snapshot-4",
42
+ "@instructure/ui-icons": "10.8.1-snapshot-4",
43
+ "@instructure/ui-number-input": "10.8.1-snapshot-4",
44
+ "@instructure/ui-portal": "10.8.1-snapshot-4",
45
+ "@instructure/ui-prop-types": "10.8.1-snapshot-4",
46
+ "@instructure/ui-react-utils": "10.8.1-snapshot-4",
47
+ "@instructure/ui-testable": "10.8.1-snapshot-4",
48
+ "@instructure/ui-themes": "10.8.1-snapshot-4",
49
+ "@instructure/ui-tooltip": "10.8.1-snapshot-4",
50
+ "@instructure/ui-utils": "10.8.1-snapshot-4",
51
+ "@instructure/ui-view": "10.8.1-snapshot-4",
52
+ "@instructure/uid": "10.8.1-snapshot-4",
53
53
  "prop-types": "^15.8.1"
54
54
  },
55
55
  "peerDependencies": {
package/src/Pagination/PaginationPageInput/styles.ts CHANGED
@@ -52,7 +52,8 @@ const generateStyle = (
52
52
  inputLabel: {
53
53
  label: 'paginationPageInput__inputLabel',
54
54
  marginInlineStart: componentTheme.inputSpacing,
55
- whiteSpace: 'nowrap'
55
+ whiteSpace: 'nowrap',
56
+ color: componentTheme.labelColor
56
57
  }
57
58
  }
58
59
  }
package/src/Pagination/PaginationPageInput/theme.ts CHANGED
@@ -31,11 +31,12 @@ import type { PaginationPageInputTheme } from '@instructure/shared-types'
31
31
  * @return {Object} The final theme object with the overrides and component variables
32
32
  */
33
33
  const generateComponentTheme = (theme: Theme): PaginationPageInputTheme => {
34
- const { spacing } = theme
34
+ const { spacing, colors } = theme
35
35
 
36
36
  const componentVariables: PaginationPageInputTheme = {
37
37
  inputSpacing: spacing.xSmall,
38
- inputWidth: '4.5rem'
38
+ inputWidth: '4.5rem',
39
+ labelColor: colors?.contrasts?.grey125125
39
40
  }
40
41
 
41
42
  return {