@i-cell/ids-styles 0.0.57 → 0.0.58
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 +72 -72
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +68 -70
- package/dist/form-elements/message/message.css +72 -72
- package/dist/form-elements/message/message.min.css +1 -1
- package/dist/form-elements/message/message.plugin.js +68 -70
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -7207,160 +7207,160 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
7207
7207
|
width: inherit;
|
|
7208
7208
|
}
|
|
7209
7209
|
.ids-message.ids-message-compact {
|
|
7210
|
-
gap: var(--ids-comp-
|
|
7211
|
-
padding: var(--ids-comp-
|
|
7212
|
-
font-family: var(--ids-comp-
|
|
7213
|
-
font-size: var(--ids-comp-
|
|
7214
|
-
font-weight: var(--ids-comp-
|
|
7215
|
-
letter-spacing: var(--ids-comp-
|
|
7216
|
-
line-height: var(--ids-comp-
|
|
7210
|
+
gap: var(--ids-comp-message-size-gap-compact);
|
|
7211
|
+
padding: var(--ids-comp-message-size-padding-y-compact) var(--ids-comp-message-size-padding-x-compact);
|
|
7212
|
+
font-family: var(--ids-comp-message-typography-font-family-compact);
|
|
7213
|
+
font-size: var(--ids-comp-message-typography-font-size-compact);
|
|
7214
|
+
font-weight: var(--ids-comp-message-typography-font-weight-compact);
|
|
7215
|
+
letter-spacing: var(--ids-comp-message-typography-letter-spacing-compact);
|
|
7216
|
+
line-height: var(--ids-comp-message-typography-line-height-compact);
|
|
7217
7217
|
}
|
|
7218
7218
|
.ids-message.ids-message-compact .ids-message__prefix {
|
|
7219
|
-
height: var(--ids-comp-
|
|
7220
|
-
width: var(--ids-comp-
|
|
7219
|
+
height: var(--ids-comp-message-size-icon-height-compact);
|
|
7220
|
+
width: var(--ids-comp-message-size-icon-width-compact);
|
|
7221
7221
|
}
|
|
7222
7222
|
.ids-message.ids-message-compact .ids-message__prefix > .ids-icon {
|
|
7223
|
-
font-size: var(--ids-comp-
|
|
7224
|
-
font-weight: var(--ids-comp-
|
|
7225
|
-
line-height: var(--ids-comp-
|
|
7223
|
+
font-size: var(--ids-comp-message-icon-typography-font-size-compact);
|
|
7224
|
+
font-weight: var(--ids-comp-message-icon-typography-font-weight-compact);
|
|
7225
|
+
line-height: var(--ids-comp-message-icon-typography-line-height-compact);
|
|
7226
7226
|
}
|
|
7227
7227
|
.ids-message.ids-message-comfortable {
|
|
7228
|
-
gap: var(--ids-comp-
|
|
7229
|
-
padding: var(--ids-comp-
|
|
7230
|
-
font-family: var(--ids-comp-
|
|
7231
|
-
font-size: var(--ids-comp-
|
|
7232
|
-
font-weight: var(--ids-comp-
|
|
7233
|
-
letter-spacing: var(--ids-comp-
|
|
7234
|
-
line-height: var(--ids-comp-
|
|
7228
|
+
gap: var(--ids-comp-message-size-gap-comfortable);
|
|
7229
|
+
padding: var(--ids-comp-message-size-padding-y-comfortable) var(--ids-comp-message-size-padding-x-comfortable);
|
|
7230
|
+
font-family: var(--ids-comp-message-typography-font-family-comfortable);
|
|
7231
|
+
font-size: var(--ids-comp-message-typography-font-size-comfortable);
|
|
7232
|
+
font-weight: var(--ids-comp-message-typography-font-weight-comfortable);
|
|
7233
|
+
letter-spacing: var(--ids-comp-message-typography-letter-spacing-comfortable);
|
|
7234
|
+
line-height: var(--ids-comp-message-typography-line-height-comfortable);
|
|
7235
7235
|
}
|
|
7236
7236
|
.ids-message.ids-message-comfortable .ids-message__prefix {
|
|
7237
|
-
height: var(--ids-comp-
|
|
7238
|
-
width: var(--ids-comp-
|
|
7237
|
+
height: var(--ids-comp-message-size-icon-height-comfortable);
|
|
7238
|
+
width: var(--ids-comp-message-size-icon-width-comfortable);
|
|
7239
7239
|
}
|
|
7240
7240
|
.ids-message.ids-message-comfortable .ids-message__prefix > .ids-icon {
|
|
7241
|
-
font-size: var(--ids-comp-
|
|
7242
|
-
font-weight: var(--ids-comp-
|
|
7243
|
-
line-height: var(--ids-comp-
|
|
7241
|
+
font-size: var(--ids-comp-message-icon-typography-font-size-comfortable);
|
|
7242
|
+
font-weight: var(--ids-comp-message-icon-typography-font-weight-comfortable);
|
|
7243
|
+
line-height: var(--ids-comp-message-icon-typography-line-height-comfortable);
|
|
7244
7244
|
}
|
|
7245
7245
|
.ids-message.ids-message-spacious {
|
|
7246
|
-
gap: var(--ids-comp-
|
|
7247
|
-
padding: var(--ids-comp-
|
|
7248
|
-
font-family: var(--ids-comp-
|
|
7249
|
-
font-size: var(--ids-comp-
|
|
7250
|
-
font-weight: var(--ids-comp-
|
|
7251
|
-
letter-spacing: var(--ids-comp-
|
|
7252
|
-
line-height: var(--ids-comp-
|
|
7246
|
+
gap: var(--ids-comp-message-size-gap-spacious);
|
|
7247
|
+
padding: var(--ids-comp-message-size-padding-y-spacious) var(--ids-comp-message-size-padding-x-spacious);
|
|
7248
|
+
font-family: var(--ids-comp-message-typography-font-family-spacious);
|
|
7249
|
+
font-size: var(--ids-comp-message-typography-font-size-spacious);
|
|
7250
|
+
font-weight: var(--ids-comp-message-typography-font-weight-spacious);
|
|
7251
|
+
letter-spacing: var(--ids-comp-message-typography-letter-spacing-spacious);
|
|
7252
|
+
line-height: var(--ids-comp-message-typography-line-height-spacious);
|
|
7253
7253
|
}
|
|
7254
7254
|
.ids-message.ids-message-spacious .ids-message__prefix {
|
|
7255
|
-
height: var(--ids-comp-
|
|
7256
|
-
width: var(--ids-comp-
|
|
7255
|
+
height: var(--ids-comp-message-size-icon-height-spacious);
|
|
7256
|
+
width: var(--ids-comp-message-size-icon-width-spacious);
|
|
7257
7257
|
}
|
|
7258
7258
|
.ids-message.ids-message-spacious .ids-message__prefix > .ids-icon {
|
|
7259
|
-
font-size: var(--ids-comp-
|
|
7260
|
-
font-weight: var(--ids-comp-
|
|
7261
|
-
line-height: var(--ids-comp-
|
|
7259
|
+
font-size: var(--ids-comp-message-icon-typography-font-size-spacious);
|
|
7260
|
+
font-weight: var(--ids-comp-message-icon-typography-font-weight-spacious);
|
|
7261
|
+
line-height: var(--ids-comp-message-icon-typography-line-height-spacious);
|
|
7262
7262
|
}
|
|
7263
7263
|
.ids-message.ids-message-dense {
|
|
7264
|
-
gap: var(--ids-comp-
|
|
7265
|
-
padding: var(--ids-comp-
|
|
7266
|
-
font-family: var(--ids-comp-
|
|
7267
|
-
font-size: var(--ids-comp-
|
|
7268
|
-
font-weight: var(--ids-comp-
|
|
7269
|
-
letter-spacing: var(--ids-comp-
|
|
7270
|
-
line-height: var(--ids-comp-
|
|
7264
|
+
gap: var(--ids-comp-message-size-gap-dense);
|
|
7265
|
+
padding: var(--ids-comp-message-size-padding-y-dense) var(--ids-comp-message-size-padding-x-dense);
|
|
7266
|
+
font-family: var(--ids-comp-message-typography-font-family-dense);
|
|
7267
|
+
font-size: var(--ids-comp-message-typography-font-size-dense);
|
|
7268
|
+
font-weight: var(--ids-comp-message-typography-font-weight-dense);
|
|
7269
|
+
letter-spacing: var(--ids-comp-message-typography-letter-spacing-dense);
|
|
7270
|
+
line-height: var(--ids-comp-message-typography-line-height-dense);
|
|
7271
7271
|
}
|
|
7272
7272
|
.ids-message.ids-message-dense .ids-message__prefix {
|
|
7273
|
-
height: var(--ids-comp-
|
|
7274
|
-
width: var(--ids-comp-
|
|
7273
|
+
height: var(--ids-comp-message-size-icon-height-dense);
|
|
7274
|
+
width: var(--ids-comp-message-size-icon-width-dense);
|
|
7275
7275
|
}
|
|
7276
7276
|
.ids-message.ids-message-dense .ids-message__prefix > .ids-icon {
|
|
7277
|
-
font-size: var(--ids-comp-
|
|
7278
|
-
font-weight: var(--ids-comp-
|
|
7279
|
-
line-height: var(--ids-comp-
|
|
7277
|
+
font-size: var(--ids-comp-message-icon-typography-font-size-dense);
|
|
7278
|
+
font-weight: var(--ids-comp-message-icon-typography-font-weight-dense);
|
|
7279
|
+
line-height: var(--ids-comp-message-icon-typography-line-height-dense);
|
|
7280
7280
|
}
|
|
7281
7281
|
.ids-message.ids-message-light .ids-message__prefix {
|
|
7282
|
-
color: var(--ids-comp-
|
|
7282
|
+
color: var(--ids-comp-message-color-fg-icon-light-default);
|
|
7283
7283
|
}
|
|
7284
7284
|
.ids-message.ids-message-light .ids-message__text,
|
|
7285
7285
|
.ids-message.ids-message-light .ids-message__suffix {
|
|
7286
|
-
color: var(--ids-comp-
|
|
7286
|
+
color: var(--ids-comp-message-color-fg-text-light-default);
|
|
7287
7287
|
}
|
|
7288
7288
|
.ids-message.ids-message-light.ids-message-disabled .ids-message__prefix .ids-icon {
|
|
7289
|
-
color: var(--ids-comp-
|
|
7289
|
+
color: var(--ids-comp-message-color-fg-icon-light-disabled);
|
|
7290
7290
|
}
|
|
7291
7291
|
.ids-message.ids-message-light.ids-message-disabled .ids-message__text,
|
|
7292
7292
|
.ids-message.ids-message-light.ids-message-disabled .ids-message__suffix {
|
|
7293
|
-
color: var(--ids-comp-
|
|
7293
|
+
color: var(--ids-comp-message-color-fg-text-light-disabled) !important;
|
|
7294
7294
|
}
|
|
7295
7295
|
.ids-message.ids-message-light.ids-error-message .ids-message__prefix {
|
|
7296
|
-
color: var(--ids-comp-
|
|
7296
|
+
color: var(--ids-comp-message-color-fg-icon-light-error-default);
|
|
7297
7297
|
}
|
|
7298
7298
|
.ids-message.ids-message-light.ids-error-message .ids-message__text,
|
|
7299
7299
|
.ids-message.ids-message-light.ids-error-message .ids-message__suffix {
|
|
7300
|
-
color: var(--ids-comp-
|
|
7300
|
+
color: var(--ids-comp-message-color-fg-text-light-error-default);
|
|
7301
7301
|
}
|
|
7302
7302
|
.ids-message.ids-success-message .ids-message__prefix {
|
|
7303
|
-
color: var(--ids-comp-
|
|
7303
|
+
color: var(--ids-comp-message-color-fg-icon-light-success-default);
|
|
7304
7304
|
}
|
|
7305
7305
|
.ids-message.ids-success-message .ids-message__text,
|
|
7306
7306
|
.ids-message.ids-success-message .ids-message__suffix {
|
|
7307
|
-
color: var(--ids-comp-
|
|
7307
|
+
color: var(--ids-comp-message-color-fg-text-light-success-default);
|
|
7308
7308
|
}
|
|
7309
7309
|
.ids-message.ids-message-dark .ids-message__prefix {
|
|
7310
|
-
color: var(--ids-comp-
|
|
7310
|
+
color: var(--ids-comp-message-color-fg-icon-dark-default);
|
|
7311
7311
|
}
|
|
7312
7312
|
.ids-message.ids-message-dark .ids-message__text,
|
|
7313
7313
|
.ids-message.ids-message-dark .ids-message__suffix {
|
|
7314
|
-
color: var(--ids-comp-
|
|
7314
|
+
color: var(--ids-comp-message-color-fg-text-dark-default);
|
|
7315
7315
|
}
|
|
7316
7316
|
.ids-message.ids-message-dark.ids-message-disabled .ids-message__prefix .ids-icon {
|
|
7317
|
-
color: var(--ids-comp-
|
|
7317
|
+
color: var(--ids-comp-message-color-fg-icon-dark-disabled);
|
|
7318
7318
|
}
|
|
7319
7319
|
.ids-message.ids-message-dark.ids-message-disabled .ids-message__text,
|
|
7320
7320
|
.ids-message.ids-message-dark.ids-message-disabled .ids-message__suffix {
|
|
7321
|
-
color: var(--ids-comp-
|
|
7321
|
+
color: var(--ids-comp-message-color-fg-text-dark-disabled) !important;
|
|
7322
7322
|
}
|
|
7323
7323
|
.ids-message.ids-message-dark.ids-error-message .ids-message__prefix {
|
|
7324
|
-
color: var(--ids-comp-
|
|
7324
|
+
color: var(--ids-comp-message-color-fg-icon-dark-error-default);
|
|
7325
7325
|
}
|
|
7326
7326
|
.ids-message.ids-message-dark.ids-error-message .ids-message__text,
|
|
7327
7327
|
.ids-message.ids-message-dark.ids-error-message .ids-message__suffix {
|
|
7328
|
-
color: var(--ids-comp-
|
|
7328
|
+
color: var(--ids-comp-message-color-fg-text-dark-error-default);
|
|
7329
7329
|
}
|
|
7330
7330
|
.ids-message.ids-success-message .ids-message__prefix {
|
|
7331
|
-
color: var(--ids-comp-
|
|
7331
|
+
color: var(--ids-comp-message-color-fg-icon-dark-success-default);
|
|
7332
7332
|
}
|
|
7333
7333
|
.ids-message.ids-success-message .ids-message__text,
|
|
7334
7334
|
.ids-message.ids-success-message .ids-message__suffix {
|
|
7335
|
-
color: var(--ids-comp-
|
|
7335
|
+
color: var(--ids-comp-message-color-fg-text-dark-success-default);
|
|
7336
7336
|
}
|
|
7337
7337
|
.ids-message.ids-message-surface .ids-message__prefix {
|
|
7338
|
-
color: var(--ids-comp-
|
|
7338
|
+
color: var(--ids-comp-message-color-fg-icon-surface-default);
|
|
7339
7339
|
}
|
|
7340
7340
|
.ids-message.ids-message-surface .ids-message__text,
|
|
7341
7341
|
.ids-message.ids-message-surface .ids-message__suffix {
|
|
7342
|
-
color: var(--ids-comp-
|
|
7342
|
+
color: var(--ids-comp-message-color-fg-text-surface-default);
|
|
7343
7343
|
}
|
|
7344
7344
|
.ids-message.ids-message-surface.ids-message-disabled .ids-message__prefix .ids-icon {
|
|
7345
|
-
color: var(--ids-comp-
|
|
7345
|
+
color: var(--ids-comp-message-color-fg-icon-surface-disabled);
|
|
7346
7346
|
}
|
|
7347
7347
|
.ids-message.ids-message-surface.ids-message-disabled .ids-message__text,
|
|
7348
7348
|
.ids-message.ids-message-surface.ids-message-disabled .ids-message__suffix {
|
|
7349
|
-
color: var(--ids-comp-
|
|
7349
|
+
color: var(--ids-comp-message-color-fg-text-surface-disabled) !important;
|
|
7350
7350
|
}
|
|
7351
7351
|
.ids-message.ids-message-surface.ids-error-message .ids-message__prefix {
|
|
7352
|
-
color: var(--ids-comp-
|
|
7352
|
+
color: var(--ids-comp-message-color-fg-icon-surface-error-default);
|
|
7353
7353
|
}
|
|
7354
7354
|
.ids-message.ids-message-surface.ids-error-message .ids-message__text,
|
|
7355
7355
|
.ids-message.ids-message-surface.ids-error-message .ids-message__suffix {
|
|
7356
|
-
color: var(--ids-comp-
|
|
7356
|
+
color: var(--ids-comp-message-color-fg-text-surface-error-default);
|
|
7357
7357
|
}
|
|
7358
7358
|
.ids-message.ids-success-message .ids-message__prefix {
|
|
7359
|
-
color: var(--ids-comp-
|
|
7359
|
+
color: var(--ids-comp-message-color-fg-icon-surface-success-default);
|
|
7360
7360
|
}
|
|
7361
7361
|
.ids-message.ids-success-message .ids-message__text,
|
|
7362
7362
|
.ids-message.ids-success-message .ids-message__suffix {
|
|
7363
|
-
color: var(--ids-comp-
|
|
7363
|
+
color: var(--ids-comp-message-color-fg-text-surface-success-default);
|
|
7364
7364
|
}
|
|
7365
7365
|
|
|
7366
7366
|
.ids-form-field__required-marker::after {
|