@idds/styles 1.6.10 → 1.6.11

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.
Files changed (3) hide show
  1. package/dist/index.css +36 -30
  2. package/dist/index.min.css +8 -8
  3. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -3578,6 +3578,7 @@ dialog.bottom-sheet-dropdown {
3578
3578
  max-width: 1rem;
3579
3579
  max-height: 1rem;
3580
3580
  font-size: var(--ina-font-2xs, 0.625rem);
3581
+ color: var(--ina-white, #fff);
3581
3582
  border: 1px solid var(--ina-stroke-primary, #e5e5e5);
3582
3583
  background-color: var(--ina-background-primary, #ffffff);
3583
3584
  border-radius: var(--ina-radius-base, 0.25rem);
@@ -3663,7 +3664,7 @@ dialog.bottom-sheet-dropdown {
3663
3664
  }
3664
3665
  /* Icon styling */
3665
3666
  .ina-checkbox__icon {
3666
- color: var(--ina-neutral-25, #ffffff); /* white */
3667
+ color: var(--ina-white, #ffffff); /* white */
3667
3668
  display: flex;
3668
3669
  align-items: center;
3669
3670
  justify-content: center;
@@ -4011,7 +4012,7 @@ dialog.bottom-sheet-dropdown {
4011
4012
  display: inline-flex;
4012
4013
  align-items: center;
4013
4014
  justify-content: center;
4014
- color: var(--ina-content-dark-secondary, #737373);
4015
+ color: var(--ina-content-secondary, #525252);
4015
4016
  transition: color var(--ina-transition-base);
4016
4017
  }
4017
4018
  .ina-chip__clear-button:hover:not(:disabled) {
@@ -4369,7 +4370,7 @@ dialog.bottom-sheet-dropdown {
4369
4370
  display: inline-flex;
4370
4371
  align-items: center;
4371
4372
  justify-content: center;
4372
- color: var(--ina-content-dark-secondary, #737373);
4373
+ color: var(--ina-content-secondary, #525252);
4373
4374
  transition: color var(--ina-transition-base, 200ms ease-in-out);
4374
4375
  z-index: 2; /* Above trigger */
4375
4376
  }
@@ -6029,7 +6030,7 @@ dialog.bottom-sheet-dropdown {
6029
6030
  }
6030
6031
 
6031
6032
  .ina-drawer__close-button {
6032
- color: var(--ina-content-dark-secondary);
6033
+ color: var(--ina-content-secondary);
6033
6034
  }
6034
6035
 
6035
6036
  .ina-drawer__close-button:hover {
@@ -6121,7 +6122,7 @@ dialog.bottom-sheet-dropdown {
6121
6122
  background: transparent;
6122
6123
  outline: none;
6123
6124
  font-size: var(--ina-font-base);
6124
- color: var(--ina-content-primary);
6125
+ color: var(--ina-content-primary, #1f1f1f);
6125
6126
  transition: border-color var(--ina-transition-base);
6126
6127
  }
6127
6128
  .ina-field-input-table__input::-moz-placeholder {
@@ -6377,13 +6378,16 @@ dialog.bottom-sheet-dropdown {
6377
6378
  }
6378
6379
  /* Animation for state changes */
6379
6380
  .ina-field-input-table__input {
6380
- transition: border-color var(--ina-transition-base),
6381
+ transition:
6382
+ border-color var(--ina-transition-base),
6381
6383
  background-color var(--ina-transition-base),
6382
6384
  opacity var(--ina-transition-base);
6383
6385
  }
6384
6386
  .ina-field-input-table__action-button {
6385
- transition: background-color var(--ina-transition-base),
6386
- opacity var(--ina-transition-base), transform var(--ina-transition-base);
6387
+ transition:
6388
+ background-color var(--ina-transition-base),
6389
+ opacity var(--ina-transition-base),
6390
+ transform var(--ina-transition-base);
6387
6391
  }
6388
6392
  .ina-field-input-table__action-button:active {
6389
6393
  transform: scale(0.95);
@@ -6762,7 +6766,7 @@ dialog.bottom-sheet-dropdown {
6762
6766
  background: transparent;
6763
6767
  font-size: var(--ina-font-sm, 0.875rem);
6764
6768
  font-family: inherit;
6765
- color: var(--ina-content-color-181717, #1f1f1f);
6769
+ color: var(--ina-content-primary, #1f1f1f);
6766
6770
  font-weight: var(--ina-font-normal, 400);
6767
6771
  }
6768
6772
  .ina-input-search__input::-moz-placeholder {
@@ -7255,7 +7259,7 @@ dialog.bottom-sheet-dropdown {
7255
7259
  }
7256
7260
 
7257
7261
  .ina-modal__close-button {
7258
- color: var(--ina-content-dark-secondary);
7262
+ color: var(--ina-content-secondary);
7259
7263
  }
7260
7264
 
7261
7265
  .ina-modal__close-button:hover {
@@ -7409,12 +7413,12 @@ dialog.bottom-sheet-dropdown {
7409
7413
  /* Icon */
7410
7414
  .ina-month-picker__icon {
7411
7415
  flex-shrink: 0;
7412
- color: var(--ina-content-dark-secondary);
7416
+ color: var(--ina-content-secondary);
7413
7417
  }
7414
7418
  /* Chevron */
7415
7419
  .ina-month-picker__chevron {
7416
7420
  flex-shrink: 0;
7417
- color: var(--ina-content-dark-secondary);
7421
+ color: var(--ina-content-secondary);
7418
7422
  transition: transform var(--ina-transition-fast);
7419
7423
  }
7420
7424
  .ina-month-picker__chevron--open {
@@ -7430,7 +7434,7 @@ dialog.bottom-sheet-dropdown {
7430
7434
  display: inline-flex;
7431
7435
  align-items: center;
7432
7436
  justify-content: center;
7433
- color: var(--ina-content-dark-secondary);
7437
+ color: var(--ina-content-secondary);
7434
7438
  transition: color var(--ina-transition-base);
7435
7439
  }
7436
7440
  .ina-month-picker__clear-button:hover:not(:disabled) {
@@ -8706,7 +8710,7 @@ dialog.bottom-sheet-dropdown {
8706
8710
  display: flex;
8707
8711
  align-items: center;
8708
8712
  justify-content: center;
8709
- color: var(--ina-content-dark-secondary, #737373);
8713
+ color: var(--ina-content-secondary, #525252);
8710
8714
  }
8711
8715
  .ina-password-input__action-button:hover:not(:disabled) {
8712
8716
  color: var(--ina-content-secondary);
@@ -8930,11 +8934,11 @@ dialog.bottom-sheet-dropdown {
8930
8934
  }
8931
8935
 
8932
8936
  .ina-password-input__prefix-icon {
8933
- color: var(--ina-content-dark-secondary);
8937
+ color: var(--ina-content-secondary);
8934
8938
  }
8935
8939
 
8936
8940
  .ina-password-input__action-button {
8937
- color: var(--ina-content-dark-secondary);
8941
+ color: var(--ina-content-secondary);
8938
8942
  }
8939
8943
 
8940
8944
  .ina-password-input__action-button:hover:not(:disabled) {
@@ -8942,11 +8946,11 @@ dialog.bottom-sheet-dropdown {
8942
8946
  }
8943
8947
 
8944
8948
  .ina-password-input__status-message {
8945
- color: var(--ina-content-dark-secondary);
8949
+ color: var(--ina-content-secondary);
8946
8950
  }
8947
8951
 
8948
8952
  .ina-password-input__character-count {
8949
- color: var(--ina-content-dark-secondary);
8953
+ color: var(--ina-content-secondary);
8950
8954
  }
8951
8955
 
8952
8956
  .ina-password-input--variant-filled .ina-password-input__wrapper {
@@ -11768,7 +11772,7 @@ dialog.bottom-sheet-dropdown {
11768
11772
  }
11769
11773
 
11770
11774
  .ina-spinner__subtitle {
11771
- color: var(--ina-content-dark-secondary);
11775
+ color: var(--ina-content-secondary);
11772
11776
  }
11773
11777
 
11774
11778
  .ina-spinner--bg-overlay {
@@ -12916,7 +12920,7 @@ dialog.bottom-sheet-dropdown {
12916
12920
  }
12917
12921
 
12918
12922
  .ina-table__header-cell {
12919
- color: var(--ina-content-dark-secondary);
12923
+ color: var(--ina-content-secondary);
12920
12924
  }
12921
12925
 
12922
12926
  .ina-table__header-cell--sortable:hover {
@@ -12960,7 +12964,7 @@ dialog.bottom-sheet-dropdown {
12960
12964
  }
12961
12965
 
12962
12966
  .ina-table__empty-cell {
12963
- color: var(--ina-content-dark-secondary);
12967
+ color: var(--ina-content-secondary);
12964
12968
  }
12965
12969
 
12966
12970
  .ina-table--variant-striped .ina-table__row:nth-child(even) {
@@ -13144,6 +13148,7 @@ dialog.bottom-sheet-dropdown {
13144
13148
  resize: none;
13145
13149
  font-family: inherit;
13146
13150
  line-height: 1.5;
13151
+ color: var(--ina-content-primary, #1f1f1f);
13147
13152
  }
13148
13153
  .ina-text-area__input::-moz-placeholder {
13149
13154
  color: var(--ina-content-tertiary, #a3a3a3) !important;
@@ -13308,7 +13313,7 @@ dialog.bottom-sheet-dropdown {
13308
13313
  }
13309
13314
 
13310
13315
  .ina-text-area__clear-button {
13311
- color: var(--ina-content-dark-secondary);
13316
+ color: var(--ina-content-secondary);
13312
13317
  }
13313
13318
 
13314
13319
  .ina-text-area__clear-button:hover:not(:disabled) {
@@ -13316,7 +13321,7 @@ dialog.bottom-sheet-dropdown {
13316
13321
  }
13317
13322
 
13318
13323
  .ina-text-area__char-count {
13319
- color: var(--ina-content-dark-secondary);
13324
+ color: var(--ina-content-secondary);
13320
13325
  }
13321
13326
 
13322
13327
  .ina-text-area__wrapper--status-neutral:focus-within {
@@ -13399,6 +13404,7 @@ dialog.bottom-sheet-dropdown {
13399
13404
  border: none;
13400
13405
  outline: none;
13401
13406
  font-size: var(--ina-font-sm);
13407
+ color: var(--ina-content-primary, #1f1f1f);
13402
13408
  font-family: inherit;
13403
13409
  }
13404
13410
  .ina-text-field__input::-moz-placeholder {
@@ -13423,7 +13429,7 @@ dialog.bottom-sheet-dropdown {
13423
13429
  display: inline-flex;
13424
13430
  align-items: center;
13425
13431
  justify-content: center;
13426
- color: var(--ina-content-dark-secondary, #737373);
13432
+ color: var(--ina-content-secondary, #525252);
13427
13433
  transition: color var(--ina-transition-base);
13428
13434
  }
13429
13435
  .ina-text-field__clear-button:hover {
@@ -13581,7 +13587,7 @@ dialog.bottom-sheet-dropdown {
13581
13587
  }
13582
13588
 
13583
13589
  .ina-text-field__clear-button {
13584
- color: var(--ina-content-dark-secondary);
13590
+ color: var(--ina-content-secondary);
13585
13591
  }
13586
13592
 
13587
13593
  .ina-text-field__clear-button:hover:not(:disabled) {
@@ -13589,7 +13595,7 @@ dialog.bottom-sheet-dropdown {
13589
13595
  }
13590
13596
 
13591
13597
  .ina-text-field__char-count {
13592
- color: var(--ina-content-dark-secondary);
13598
+ color: var(--ina-content-secondary);
13593
13599
  }
13594
13600
 
13595
13601
  .ina-text-field__wrapper--status-neutral:focus-within {
@@ -13937,7 +13943,7 @@ dialog.bottom-sheet-dropdown {
13937
13943
  display: flex;
13938
13944
  align-items: center;
13939
13945
  justify-content: center;
13940
- color: var(--ina-content-dark-secondary, #737373);
13946
+ color: var(--ina-content-secondary, #525252);
13941
13947
  margin-left: var(--ina-spacing-2, 0.5rem);
13942
13948
  }
13943
13949
  .ina-time-picker__clear-button {
@@ -15112,12 +15118,12 @@ dialog.bottom-sheet-dropdown {
15112
15118
  /* Icon */
15113
15119
  .ina-year-picker__icon {
15114
15120
  flex-shrink: 0;
15115
- color: var(--ina-content-dark-secondary);
15121
+ color: var(--ina-content-secondary);
15116
15122
  }
15117
15123
  /* Chevron */
15118
15124
  .ina-year-picker__chevron {
15119
15125
  flex-shrink: 0;
15120
- color: var(--ina-content-dark-secondary);
15126
+ color: var(--ina-content-secondary);
15121
15127
  transition: transform var(--ina-transition-fast);
15122
15128
  }
15123
15129
  .ina-year-picker__chevron--open {
@@ -15133,7 +15139,7 @@ dialog.bottom-sheet-dropdown {
15133
15139
  display: inline-flex;
15134
15140
  align-items: center;
15135
15141
  justify-content: center;
15136
- color: var(--ina-content-dark-secondary);
15142
+ color: var(--ina-content-secondary);
15137
15143
  transition: color var(--ina-transition-base);
15138
15144
  }
15139
15145
  .ina-year-picker__clear-button:hover:not(:disabled) {