@i-cell/ids-styles 0.0.3 → 0.0.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.
package/dist/components.css
CHANGED
|
@@ -3917,6 +3917,319 @@
|
|
|
3917
3917
|
color: var(--ids-comp-icon-button-standard-color-fg-surface-disabled);
|
|
3918
3918
|
}
|
|
3919
3919
|
|
|
3920
|
+
.ids-paginator {
|
|
3921
|
+
display: inline-flex;
|
|
3922
|
+
}
|
|
3923
|
+
.ids-paginator .ids-paginator__navigation-container {
|
|
3924
|
+
display: flex;
|
|
3925
|
+
flex-direction: row;
|
|
3926
|
+
flex-wrap: nowrap;
|
|
3927
|
+
align-items: center;
|
|
3928
|
+
justify-content: flex-start;
|
|
3929
|
+
width: 100%;
|
|
3930
|
+
}
|
|
3931
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container {
|
|
3932
|
+
display: flex;
|
|
3933
|
+
align-items: center;
|
|
3934
|
+
}
|
|
3935
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation {
|
|
3936
|
+
display: flex;
|
|
3937
|
+
align-items: center;
|
|
3938
|
+
justify-content: center;
|
|
3939
|
+
}
|
|
3940
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button {
|
|
3941
|
+
display: flex;
|
|
3942
|
+
justify-content: center;
|
|
3943
|
+
align-items: center;
|
|
3944
|
+
font-style: normal;
|
|
3945
|
+
}
|
|
3946
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button:focus {
|
|
3947
|
+
outline-width: var(--ids-comp-paginator-page-links-focused-outline-size-outline);
|
|
3948
|
+
outline-style: solid;
|
|
3949
|
+
}
|
|
3950
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.first, .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.previous {
|
|
3951
|
+
order: 1;
|
|
3952
|
+
}
|
|
3953
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container {
|
|
3954
|
+
order: 2;
|
|
3955
|
+
}
|
|
3956
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.next, .ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-arrow.last {
|
|
3957
|
+
order: 3;
|
|
3958
|
+
}
|
|
3959
|
+
.ids-paginator .ids-paginator__navigation-container .ids-paginator__help-text {
|
|
3960
|
+
order: 4;
|
|
3961
|
+
}
|
|
3962
|
+
.ids-paginator .ids-paginator__help-text {
|
|
3963
|
+
margin-left: auto;
|
|
3964
|
+
display: flex;
|
|
3965
|
+
justify-content: center;
|
|
3966
|
+
align-items: center;
|
|
3967
|
+
white-space: nowrap;
|
|
3968
|
+
}
|
|
3969
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container {
|
|
3970
|
+
gap: var(--ids-comp-paginator-size-gap-comfortable);
|
|
3971
|
+
}
|
|
3972
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button {
|
|
3973
|
+
height: var(--ids-comp-paginator-page-links-size-height-compact);
|
|
3974
|
+
min-width: var(--ids-comp-paginator-page-links-size-min-width-compact);
|
|
3975
|
+
padding: var(--ids-comp-paginator-page-links-size-padding-y-compact) var(--ids-comp-paginator-page-links-size-padding-x-compact);
|
|
3976
|
+
font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-compact);
|
|
3977
|
+
font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-compact);
|
|
3978
|
+
font-weight: var(--ids-comp-paginator-page-links-label-typography-font-weight-compact);
|
|
3979
|
+
letter-spacing: var(--ids-comp-paginator-page-links-label-typography-letter-spacing-compact);
|
|
3980
|
+
line-height: var(--ids-comp-paginator-page-links-label-typography-line-height-compact);
|
|
3981
|
+
border-radius: var(--ids-comp-paginator-page-links-page-link-size-border-radius-compact);
|
|
3982
|
+
}
|
|
3983
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
3984
|
+
height: var(--ids-comp-paginator-page-links-size-height-compact);
|
|
3985
|
+
width: var(--ids-comp-paginator-page-links-size-min-width-compact);
|
|
3986
|
+
}
|
|
3987
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__help-text {
|
|
3988
|
+
font-family: var(--ids-comp-paginator-help-text-label-typography-font-family-compact);
|
|
3989
|
+
font-size: var(--ids-comp-paginator-help-text-label-typography-font-size-compact);
|
|
3990
|
+
font-weight: var(--ids-comp-paginator-help-text-label-typography-font-weight-compact);
|
|
3991
|
+
letter-spacing: var(--ids-comp-paginator-help-text-label-typography-letter-spacing-compact);
|
|
3992
|
+
line-height: var(--ids-comp-paginator-help-text-label-typography-line-height-compact);
|
|
3993
|
+
border-radius: var(--ids-comp-paginator-help-text-size-border-radius-compact);
|
|
3994
|
+
height: var(--ids-comp-paginator-help-text-size-height-compact);
|
|
3995
|
+
padding: var(--ids-comp-paginator-help-text-size-padding-y-compact);
|
|
3996
|
+
}
|
|
3997
|
+
.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container {
|
|
3998
|
+
gap: var(--ids-comp-paginator-size-gap-comfortable);
|
|
3999
|
+
}
|
|
4000
|
+
.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button {
|
|
4001
|
+
height: var(--ids-comp-paginator-page-links-size-height-comfortable);
|
|
4002
|
+
min-width: var(--ids-comp-paginator-page-links-size-min-width-comfortable);
|
|
4003
|
+
padding: var(--ids-comp-paginator-page-links-size-padding-y-comfortable) var(--ids-comp-paginator-page-links-size-padding-x-comfortable);
|
|
4004
|
+
font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-comfortable);
|
|
4005
|
+
font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-comfortable);
|
|
4006
|
+
font-weight: var(--ids-comp-paginator-page-links-label-typography-font-weight-comfortable);
|
|
4007
|
+
letter-spacing: var(--ids-comp-paginator-page-links-label-typography-letter-spacing-comfortable);
|
|
4008
|
+
line-height: var(--ids-comp-paginator-page-links-label-typography-line-height-comfortable);
|
|
4009
|
+
border-radius: var(--ids-comp-paginator-page-links-page-link-size-border-radius-comfortable);
|
|
4010
|
+
}
|
|
4011
|
+
.ids-paginator.ids-paginator-comfortable .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4012
|
+
height: var(--ids-comp-paginator-page-links-size-height-comfortable);
|
|
4013
|
+
width: var(--ids-comp-paginator-page-links-size-min-width-comfortable);
|
|
4014
|
+
}
|
|
4015
|
+
.ids-paginator.ids-paginator-comfortable .ids-paginator__help-text {
|
|
4016
|
+
font-family: var(--ids-comp-paginator-help-text-label-typography-font-family-comfortable);
|
|
4017
|
+
font-size: var(--ids-comp-paginator-help-text-label-typography-font-size-comfortable);
|
|
4018
|
+
font-weight: var(--ids-comp-paginator-help-text-label-typography-font-weight-comfortable);
|
|
4019
|
+
letter-spacing: var(--ids-comp-paginator-help-text-label-typography-letter-spacing-comfortable);
|
|
4020
|
+
line-height: var(--ids-comp-paginator-help-text-label-typography-line-height-comfortable);
|
|
4021
|
+
border-radius: var(--ids-comp-paginator-help-text-size-border-radius-comfortable);
|
|
4022
|
+
height: var(--ids-comp-paginator-help-text-size-height-comfortable);
|
|
4023
|
+
padding: var(--ids-comp-paginator-help-text-size-padding-y-comfortable);
|
|
4024
|
+
}
|
|
4025
|
+
.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container {
|
|
4026
|
+
gap: var(--ids-comp-paginator-size-gap-comfortable);
|
|
4027
|
+
}
|
|
4028
|
+
.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button {
|
|
4029
|
+
height: var(--ids-comp-paginator-page-links-size-height-spacious);
|
|
4030
|
+
min-width: var(--ids-comp-paginator-page-links-size-min-width-spacious);
|
|
4031
|
+
padding: var(--ids-comp-paginator-page-links-size-padding-y-spacious) var(--ids-comp-paginator-page-links-size-padding-x-spacious);
|
|
4032
|
+
font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-spacious);
|
|
4033
|
+
font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-spacious);
|
|
4034
|
+
font-weight: var(--ids-comp-paginator-page-links-label-typography-font-weight-spacious);
|
|
4035
|
+
letter-spacing: var(--ids-comp-paginator-page-links-label-typography-letter-spacing-spacious);
|
|
4036
|
+
line-height: var(--ids-comp-paginator-page-links-label-typography-line-height-spacious);
|
|
4037
|
+
border-radius: var(--ids-comp-paginator-page-links-page-link-size-border-radius-spacious);
|
|
4038
|
+
}
|
|
4039
|
+
.ids-paginator.ids-paginator-spacious .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4040
|
+
height: var(--ids-comp-paginator-page-links-size-height-spacious);
|
|
4041
|
+
width: var(--ids-comp-paginator-page-links-size-min-width-spacious);
|
|
4042
|
+
}
|
|
4043
|
+
.ids-paginator.ids-paginator-spacious .ids-paginator__help-text {
|
|
4044
|
+
font-family: var(--ids-comp-paginator-help-text-label-typography-font-family-spacious);
|
|
4045
|
+
font-size: var(--ids-comp-paginator-help-text-label-typography-font-size-spacious);
|
|
4046
|
+
font-weight: var(--ids-comp-paginator-help-text-label-typography-font-weight-spacious);
|
|
4047
|
+
letter-spacing: var(--ids-comp-paginator-help-text-label-typography-letter-spacing-spacious);
|
|
4048
|
+
line-height: var(--ids-comp-paginator-help-text-label-typography-line-height-spacious);
|
|
4049
|
+
border-radius: var(--ids-comp-paginator-help-text-size-border-radius-spacious);
|
|
4050
|
+
height: var(--ids-comp-paginator-help-text-size-height-spacious);
|
|
4051
|
+
padding: var(--ids-comp-paginator-help-text-size-padding-y-spacious);
|
|
4052
|
+
}
|
|
4053
|
+
.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container {
|
|
4054
|
+
gap: var(--ids-comp-paginator-size-gap-comfortable);
|
|
4055
|
+
}
|
|
4056
|
+
.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button {
|
|
4057
|
+
height: var(--ids-comp-paginator-page-links-size-height-dense);
|
|
4058
|
+
min-width: var(--ids-comp-paginator-page-links-size-min-width-dense);
|
|
4059
|
+
padding: var(--ids-comp-paginator-page-links-size-padding-y-dense) var(--ids-comp-paginator-page-links-size-padding-x-dense);
|
|
4060
|
+
font-family: var(--ids-comp-paginator-page-links-label-typography-font-family-dense);
|
|
4061
|
+
font-size: var(--ids-comp-paginator-page-links-label-typography-font-size-dense);
|
|
4062
|
+
font-weight: var(--ids-comp-paginator-page-links-label-typography-font-weight-dense);
|
|
4063
|
+
letter-spacing: var(--ids-comp-paginator-page-links-label-typography-letter-spacing-dense);
|
|
4064
|
+
line-height: var(--ids-comp-paginator-page-links-label-typography-line-height-dense);
|
|
4065
|
+
border-radius: var(--ids-comp-paginator-page-links-page-link-size-border-radius-dense);
|
|
4066
|
+
}
|
|
4067
|
+
.ids-paginator.ids-paginator-dense .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4068
|
+
height: var(--ids-comp-paginator-page-links-size-height-dense);
|
|
4069
|
+
width: var(--ids-comp-paginator-page-links-size-min-width-dense);
|
|
4070
|
+
}
|
|
4071
|
+
.ids-paginator.ids-paginator-dense .ids-paginator__help-text {
|
|
4072
|
+
font-family: var(--ids-comp-paginator-help-text-label-typography-font-family-dense);
|
|
4073
|
+
font-size: var(--ids-comp-paginator-help-text-label-typography-font-size-dense);
|
|
4074
|
+
font-weight: var(--ids-comp-paginator-help-text-label-typography-font-weight-dense);
|
|
4075
|
+
letter-spacing: var(--ids-comp-paginator-help-text-label-typography-letter-spacing-dense);
|
|
4076
|
+
line-height: var(--ids-comp-paginator-help-text-label-typography-line-height-dense);
|
|
4077
|
+
border-radius: var(--ids-comp-paginator-help-text-size-border-radius-dense);
|
|
4078
|
+
height: var(--ids-comp-paginator-help-text-size-height-dense);
|
|
4079
|
+
padding: var(--ids-comp-paginator-help-text-size-padding-y-dense);
|
|
4080
|
+
}
|
|
4081
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__page-button:focus {
|
|
4082
|
+
outline-color: var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused);
|
|
4083
|
+
}
|
|
4084
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
|
|
4085
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-default);
|
|
4086
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-default);
|
|
4087
|
+
}
|
|
4088
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
|
|
4089
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-active);
|
|
4090
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-active);
|
|
4091
|
+
}
|
|
4092
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus {
|
|
4093
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-focused);
|
|
4094
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-focused);
|
|
4095
|
+
}
|
|
4096
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
|
|
4097
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-hovered);
|
|
4098
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-hovered);
|
|
4099
|
+
}
|
|
4100
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
|
|
4101
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-pressed);
|
|
4102
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-pressed);
|
|
4103
|
+
}
|
|
4104
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
|
|
4105
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-primary-disabled);
|
|
4106
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-primary-disabled);
|
|
4107
|
+
}
|
|
4108
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled) {
|
|
4109
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-default);
|
|
4110
|
+
}
|
|
4111
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4112
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-primary-disabled);
|
|
4113
|
+
}
|
|
4114
|
+
.ids-paginator.ids-paginator-primary .ids-paginator__help-text {
|
|
4115
|
+
color: var(--ids-comp-paginator-help-text-color-fg-primary-default);
|
|
4116
|
+
}
|
|
4117
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__page-button:focus {
|
|
4118
|
+
outline-color: var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused);
|
|
4119
|
+
}
|
|
4120
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
|
|
4121
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-default);
|
|
4122
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-default);
|
|
4123
|
+
}
|
|
4124
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
|
|
4125
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-active);
|
|
4126
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-active);
|
|
4127
|
+
}
|
|
4128
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus {
|
|
4129
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-focused);
|
|
4130
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-focused);
|
|
4131
|
+
}
|
|
4132
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
|
|
4133
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-hovered);
|
|
4134
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-hovered);
|
|
4135
|
+
}
|
|
4136
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
|
|
4137
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-pressed);
|
|
4138
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-pressed);
|
|
4139
|
+
}
|
|
4140
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
|
|
4141
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-secondary-disabled);
|
|
4142
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-secondary-disabled);
|
|
4143
|
+
}
|
|
4144
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled) {
|
|
4145
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-default);
|
|
4146
|
+
}
|
|
4147
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4148
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-secondary-disabled);
|
|
4149
|
+
}
|
|
4150
|
+
.ids-paginator.ids-paginator-secondary .ids-paginator__help-text {
|
|
4151
|
+
color: var(--ids-comp-paginator-help-text-color-fg-secondary-default);
|
|
4152
|
+
}
|
|
4153
|
+
.ids-paginator.ids-paginator-light .ids-paginator__page-button:focus {
|
|
4154
|
+
outline-color: var(--ids-comp-paginator-page-links-focused-outline-color-light-focused);
|
|
4155
|
+
}
|
|
4156
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
|
|
4157
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-default);
|
|
4158
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-default);
|
|
4159
|
+
}
|
|
4160
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
|
|
4161
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-active);
|
|
4162
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-active);
|
|
4163
|
+
}
|
|
4164
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus {
|
|
4165
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-focused);
|
|
4166
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-focused);
|
|
4167
|
+
}
|
|
4168
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
|
|
4169
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-hovered);
|
|
4170
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-hovered);
|
|
4171
|
+
}
|
|
4172
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
|
|
4173
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-pressed);
|
|
4174
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-pressed);
|
|
4175
|
+
}
|
|
4176
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
|
|
4177
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-light-disabled);
|
|
4178
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-light-disabled);
|
|
4179
|
+
}
|
|
4180
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled) {
|
|
4181
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-default);
|
|
4182
|
+
}
|
|
4183
|
+
.ids-paginator.ids-paginator-light .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4184
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-light-disabled);
|
|
4185
|
+
}
|
|
4186
|
+
.ids-paginator.ids-paginator-light .ids-paginator__help-text {
|
|
4187
|
+
color: var(--ids-comp-paginator-help-text-color-fg-light-default);
|
|
4188
|
+
}
|
|
4189
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__page-button:focus {
|
|
4190
|
+
outline-color: var(--ids-comp-paginator-page-links-focused-outline-color-dark-focused);
|
|
4191
|
+
}
|
|
4192
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain {
|
|
4193
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-default);
|
|
4194
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-default);
|
|
4195
|
+
}
|
|
4196
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.active:not(:disabled) {
|
|
4197
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-active);
|
|
4198
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-active);
|
|
4199
|
+
}
|
|
4200
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:focus {
|
|
4201
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-focused);
|
|
4202
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-focused);
|
|
4203
|
+
}
|
|
4204
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:hover {
|
|
4205
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-hovered);
|
|
4206
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-hovered);
|
|
4207
|
+
}
|
|
4208
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:active {
|
|
4209
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-pressed);
|
|
4210
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-pressed);
|
|
4211
|
+
}
|
|
4212
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain:disabled {
|
|
4213
|
+
background: var(--ids-comp-paginator-page-links-plain-color-bg-surface-disabled);
|
|
4214
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-label-surface-disabled);
|
|
4215
|
+
}
|
|
4216
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button.ids-paginator__page-button-plain.ids-paginator__page-button-arrow:not(:disabled) {
|
|
4217
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-default);
|
|
4218
|
+
}
|
|
4219
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__navigation-container .ids-paginator__page-button-truncation {
|
|
4220
|
+
color: var(--ids-comp-paginator-page-links-plain-color-fg-icon-surface-disabled);
|
|
4221
|
+
}
|
|
4222
|
+
.ids-paginator.ids-paginator-surface .ids-paginator__help-text {
|
|
4223
|
+
color: var(--ids-comp-paginator-help-text-color-fg-surface-default);
|
|
4224
|
+
}
|
|
4225
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__page-button-container {
|
|
4226
|
+
display: none;
|
|
4227
|
+
}
|
|
4228
|
+
.ids-paginator.ids-paginator-compact .ids-paginator__navigation-container .ids-paginator__help-text {
|
|
4229
|
+
order: 2;
|
|
4230
|
+
margin-left: 0;
|
|
4231
|
+
}
|
|
4232
|
+
|
|
3920
4233
|
.ids-tag {
|
|
3921
4234
|
flex-shrink: 0;
|
|
3922
4235
|
width: fit-content;
|