@i-cell/ids-styles 0.0.35 → 0.0.36
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
|
@@ -11047,6 +11047,104 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
11047
11047
|
padding-right: var(--ids-comp-snackbar-message-action-size-padding-right-dense);
|
|
11048
11048
|
}
|
|
11049
11049
|
|
|
11050
|
+
.ids-spinner {
|
|
11051
|
+
display: flex;
|
|
11052
|
+
justify-content: center;
|
|
11053
|
+
align-items: center;
|
|
11054
|
+
}
|
|
11055
|
+
.ids-spinner.ids-spinner-smallcollection-compact {
|
|
11056
|
+
width: var(--ids-comp-spinner-smallcollection-size-width-compact);
|
|
11057
|
+
height: var(--ids-comp-spinner-smallcollection-size-height-compact);
|
|
11058
|
+
}
|
|
11059
|
+
.ids-spinner.ids-spinner-smallcollection-comfortable {
|
|
11060
|
+
width: var(--ids-comp-spinner-smallcollection-size-width-comfortable);
|
|
11061
|
+
height: var(--ids-comp-spinner-smallcollection-size-height-comfortable);
|
|
11062
|
+
}
|
|
11063
|
+
.ids-spinner.ids-spinner-smallcollection-spacious {
|
|
11064
|
+
width: var(--ids-comp-spinner-smallcollection-size-width-spacious);
|
|
11065
|
+
height: var(--ids-comp-spinner-smallcollection-size-height-spacious);
|
|
11066
|
+
}
|
|
11067
|
+
.ids-spinner.ids-spinner-smallcollection-dense {
|
|
11068
|
+
width: var(--ids-comp-spinner-smallcollection-size-width-dense);
|
|
11069
|
+
height: var(--ids-comp-spinner-smallcollection-size-height-dense);
|
|
11070
|
+
}
|
|
11071
|
+
.ids-spinner.ids-spinner-bigcollection-compact {
|
|
11072
|
+
width: var(--ids-comp-spinner-bigcollection-size-width-compact);
|
|
11073
|
+
height: var(--ids-comp-spinner-bigcollection-size-height-compact);
|
|
11074
|
+
}
|
|
11075
|
+
.ids-spinner.ids-spinner-bigcollection-comfortable {
|
|
11076
|
+
width: var(--ids-comp-spinner-bigcollection-size-width-comfortable);
|
|
11077
|
+
height: var(--ids-comp-spinner-bigcollection-size-height-comfortable);
|
|
11078
|
+
}
|
|
11079
|
+
.ids-spinner.ids-spinner-bigcollection-spacious {
|
|
11080
|
+
width: var(--ids-comp-spinner-bigcollection-size-width-spacious);
|
|
11081
|
+
height: var(--ids-comp-spinner-bigcollection-size-height-spacious);
|
|
11082
|
+
}
|
|
11083
|
+
.ids-spinner.ids-spinner-bigcollection-dense {
|
|
11084
|
+
width: var(--ids-comp-spinner-bigcollection-size-width-dense);
|
|
11085
|
+
height: var(--ids-comp-spinner-bigcollection-size-height-dense);
|
|
11086
|
+
}
|
|
11087
|
+
.ids-spinner.ids-spinner-primary > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11088
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-primary-default);
|
|
11089
|
+
}
|
|
11090
|
+
.ids-spinner.ids-spinner-primary > .ids-spinner__body > .ids-spinner__track {
|
|
11091
|
+
fill: var(--ids-comp-spinner-track-bg-primary-default);
|
|
11092
|
+
}
|
|
11093
|
+
.ids-spinner.ids-spinner-secondary > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11094
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-secondary-default);
|
|
11095
|
+
}
|
|
11096
|
+
.ids-spinner.ids-spinner-secondary > .ids-spinner__body > .ids-spinner__track {
|
|
11097
|
+
fill: var(--ids-comp-spinner-track-bg-secondary-default);
|
|
11098
|
+
}
|
|
11099
|
+
.ids-spinner.ids-spinner-surface > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11100
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-surface-default);
|
|
11101
|
+
}
|
|
11102
|
+
.ids-spinner.ids-spinner-surface > .ids-spinner__body > .ids-spinner__track {
|
|
11103
|
+
fill: var(--ids-comp-spinner-track-bg-surface-default);
|
|
11104
|
+
}
|
|
11105
|
+
.ids-spinner.ids-spinner-light > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11106
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-light-default);
|
|
11107
|
+
}
|
|
11108
|
+
.ids-spinner.ids-spinner-light > .ids-spinner__body > .ids-spinner__track {
|
|
11109
|
+
fill: var(--ids-comp-spinner-track-bg-light-default);
|
|
11110
|
+
}
|
|
11111
|
+
.ids-spinner.ids-spinner-brand > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11112
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-brand-default);
|
|
11113
|
+
}
|
|
11114
|
+
.ids-spinner.ids-spinner-brand > .ids-spinner__body > .ids-spinner__track {
|
|
11115
|
+
fill: var(--ids-comp-spinner-track-bg-brand-default);
|
|
11116
|
+
}
|
|
11117
|
+
.ids-spinner.ids-spinner-error > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11118
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-error-default);
|
|
11119
|
+
}
|
|
11120
|
+
.ids-spinner.ids-spinner-error > .ids-spinner__body > .ids-spinner__track {
|
|
11121
|
+
fill: var(--ids-comp-spinner-track-bg-error-default);
|
|
11122
|
+
}
|
|
11123
|
+
.ids-spinner.ids-spinner-success > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11124
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-success-default);
|
|
11125
|
+
}
|
|
11126
|
+
.ids-spinner.ids-spinner-success > .ids-spinner__body > .ids-spinner__track {
|
|
11127
|
+
fill: var(--ids-comp-spinner-track-bg-success-default);
|
|
11128
|
+
}
|
|
11129
|
+
.ids-spinner.ids-spinner-warning > .ids-spinner__body > .ids-spinner__active-indicator {
|
|
11130
|
+
fill: var(--ids-comp-spinner-active-indicator-bg-warning-default);
|
|
11131
|
+
}
|
|
11132
|
+
.ids-spinner.ids-spinner-warning > .ids-spinner__body > .ids-spinner__track {
|
|
11133
|
+
fill: var(--ids-comp-spinner-track-bg-warning-default);
|
|
11134
|
+
}
|
|
11135
|
+
.ids-spinner .rotate-center {
|
|
11136
|
+
animation: rotate-center 0.9s ease-in-out infinite both;
|
|
11137
|
+
transform-origin: center;
|
|
11138
|
+
}
|
|
11139
|
+
|
|
11140
|
+
@keyframes rotate-center {
|
|
11141
|
+
0% {
|
|
11142
|
+
transform: rotate(0deg);
|
|
11143
|
+
}
|
|
11144
|
+
100% {
|
|
11145
|
+
transform: rotate(360deg);
|
|
11146
|
+
}
|
|
11147
|
+
}
|
|
11050
11148
|
.ids-switch-group {
|
|
11051
11149
|
box-sizing: border-box;
|
|
11052
11150
|
border-width: 0;
|