File tree Expand file tree Collapse file tree 3 files changed +6
-3
lines changed
Expand file tree Collapse file tree 3 files changed +6
-3
lines changed Original file line number Diff line number Diff line change @@ -948,6 +948,7 @@ export type PagesTheme = {
948948export type PaginationPageInputTheme = {
949949 inputSpacing : Spacing [ 'xSmall' ]
950950 inputWidth : string
951+ labelColor : Colors [ 'contrasts' ] [ 'grey125125' ]
951952}
952953
953954export type PaginationTheme = {
Original file line number Diff line number Diff line change @@ -52,7 +52,8 @@ const generateStyle = (
5252 inputLabel : {
5353 label : 'paginationPageInput__inputLabel' ,
5454 marginInlineStart : componentTheme . inputSpacing ,
55- whiteSpace : 'nowrap'
55+ whiteSpace : 'nowrap' ,
56+ color : componentTheme . labelColor
5657 }
5758 }
5859}
Original file line number Diff line number Diff line change @@ -31,11 +31,12 @@ import type { PaginationPageInputTheme } from '@instructure/shared-types'
3131 * @return {Object } The final theme object with the overrides and component variables
3232 */
3333const generateComponentTheme = ( theme : Theme ) : PaginationPageInputTheme => {
34- const { spacing } = theme
34+ const { spacing, colors } = theme
3535
3636 const componentVariables : PaginationPageInputTheme = {
3737 inputSpacing : spacing . xSmall ,
38- inputWidth : '4.5rem'
38+ inputWidth : '4.5rem' ,
39+ labelColor : colors ?. contrasts ?. grey125125
3940 }
4041
4142 return {
You can’t perform that action at this time.
0 commit comments