@rolster/styles-foundations 2.3.7 → 2.3.8

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.
@@ -4116,7 +4116,17 @@ button {
4116
4116
  --rlc-avatar-width: var(--rls-sizing-x24);
4117
4117
  --rlc-avatar-height: var(--rls-sizing-x24);
4118
4118
  --rlc-amount-text-align: start;
4119
+ --rlc-badge-padding: var(--rls-sizing-x2);
4120
+ --rlc-ballot-padding: var(--rls-sizing-x4);
4121
+ --rlc-ballot-component-row-gap: var(--rls-sizing-x2);
4122
+ --rlc-ballot-title-letter-spacing: var(--rls-label-letter-spacing);
4123
+ --rlc-ballot-title-font-size: var(--rls-label-font-size);
4124
+ --rlc-ballot-title-font-weight: var(--rls-font-weight-medium);
4125
+ --rlc-ballot-title-height: var(--rls-label-line-height);
4119
4126
  --rlc-ballot-subtitle-width: 100%;
4127
+ --rlc-ballot-subtitle-letter-spacing: var(--rls-smalltext-letter-spacing);
4128
+ --rlc-ballot-subtitle-font-size: var(--rls-smalltext-font-size);
4129
+ --rlc-ballot-subtitle-font-weight: var(--rls-font-weight-semibold);
4120
4130
  --rlc-ballot-subtitle-height: var(--rls-smalltext-line-height);
4121
4131
  --rlc-ballot-subtitle-overflow: initial;
4122
4132
  --rlc-ballot-subtitle-text-overflow: initial;
@@ -4159,6 +4169,7 @@ button {
4159
4169
  --rlc-progress-circular-dimension: var(--rls-sizing-x28);
4160
4170
  --rlc-snackbar-left: 50%;
4161
4171
  --rlc-skeleton-height: inherit;
4172
+ --rlc-skeleton-text-column-gap: var(--rls-sizing-x4);
4162
4173
  --rlc-skeleton-text-font-size: var(--rls-body-font-size);
4163
4174
  --rlc-skeleton-text-height: var(--rls-body-line-height);
4164
4175
  --rlc-skeleton-text-letter-spacing: var(--rls-body-letter-spacing);
@@ -4327,10 +4338,19 @@ button {
4327
4338
  --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4328
4339
  --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4329
4340
  --rlc-action-ripple-position: -8rem;
4341
+ --rlc-ballot-padding: 0rem;
4342
+ --rlc-ballot-component-row-gap: 1rem;
4343
+ --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
4344
+ --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
4345
+ --rlc-ballot-title-height: var(--rls-smalltext-line-height);
4346
+ --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
4347
+ --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
4348
+ --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
4330
4349
  --rlc-fieldbox-body-background: transparent;
4331
4350
  --rlc-fieldbox-body-border: none;
4332
4351
  --rlc-fieldbox-body-box-shadow: none;
4333
4352
  --rlc-fieldbox-body-padding: 0rem;
4353
+ --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
4334
4354
  --rlc-switch-element-size: var(--rls-sizing-x10);
4335
4355
  --rlc-switch-bar-radius: var(--rls-sizing-x2);
4336
4356
  --rlc-switch-bar-height: var(--rls-sizing-x4);
@@ -4404,10 +4424,19 @@ button {
4404
4424
  --rlc-avatar-font-size: var(--rlc-datatable-font-size);
4405
4425
  --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4406
4426
  --rlc-action-ripple-position: -8rem;
4427
+ --rlc-ballot-padding: 0rem;
4428
+ --rlc-ballot-component-row-gap: 1rem;
4429
+ --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
4430
+ --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
4431
+ --rlc-ballot-title-height: var(--rls-smalltext-line-height);
4432
+ --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
4433
+ --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
4434
+ --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
4407
4435
  --rlc-fieldbox-body-background: transparent;
4408
4436
  --rlc-fieldbox-body-border: none;
4409
4437
  --rlc-fieldbox-body-box-shadow: none;
4410
4438
  --rlc-fieldbox-body-padding: 0rem;
4439
+ --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
4411
4440
  --rlc-switch-element-size: var(--rls-sizing-x10);
4412
4441
  --rlc-switch-bar-radius: var(--rls-sizing-x2);
4413
4442
  --rlc-switch-bar-height: var(--rls-sizing-x4);
@@ -4492,25 +4521,9 @@ button {
4492
4521
  }
4493
4522
  .rls-datatable__cell > .rls-ballot,
4494
4523
  .rls-datatable__info > .rls-ballot {
4495
- padding: 0rem;
4524
+ --rlc-badge-padding: 0.5rem 1.5rem;
4496
4525
  height: var(--rls-sizing-x20);
4497
4526
  }
4498
- .rls-datatable__cell > .rls-ballot .rls-ballot__title,
4499
- .rls-datatable__info > .rls-ballot .rls-ballot__title {
4500
- font-weight: var(--rls-font-weight-semibold);
4501
- font-size: var(--rls-smalltext-font-size);
4502
- letter-spacing: var(--rls-smalltext-letter-spacing);
4503
- min-height: var(--rls-sizing-x8);
4504
- line-height: var(--rls-sizing-x8);
4505
- }
4506
- .rls-datatable__cell > .rls-ballot .rls-ballot__subtitle,
4507
- .rls-datatable__info > .rls-ballot .rls-ballot__subtitle {
4508
- margin-top: 0rem;
4509
- font-size: var(--rls-overline-font-size);
4510
- letter-spacing: var(--rls-overline-letter-spacing);
4511
- min-height: var(--rls-sizing-x8);
4512
- line-height: var(--rls-sizing-x8);
4513
- }
4514
4527
  .rls-datatable__cell > a:hover,
4515
4528
  .rls-datatable__info > a:hover {
4516
4529
  color: var(--rls-app-color-700);