halleyx-ui-framework 11.6.8 → 11.6.10

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 (9) hide show
  1. package/dist/cjs/index.css +1 -1
  2. package/dist/cjs/index.js +2 -2
  3. package/dist/es/index.css +1 -1
  4. package/dist/es/index.js +2 -2
  5. package/dist/src/assets/styles/inputitems.scss +42 -37
  6. package/dist/umd/index.css +1 -1
  7. package/dist/umd/index.umd.js +2 -2
  8. package/dist/umd/index.umd.js.map +1 -1
  9. package/package.json +1 -1
package/dist/src/assets/styles/inputitems.scss CHANGED
@@ -28,7 +28,7 @@ input[type='checkbox']:checked {
28
28
  }
29
29
  }
30
30
 
31
- .partially-checked-color{
31
+ .partially-checked-color {
32
32
  background: var(--hlx-color-primary) !important;
33
33
  border: 1px solid var(--hlx-color-primary) !important;
34
34
  }
@@ -88,7 +88,7 @@ label.check-container:hover input:not(:disabled) {
88
88
  .check-container {
89
89
  cursor: pointer;
90
90
  }
91
- .check-container.checkContainer-readOnly.checkContainer-disabled {
91
+ .check-container.checkContainer-readOnly {
92
92
  cursor: default !important;
93
93
  }
94
94
  .check-container.checkContainer-disabled {
@@ -103,12 +103,14 @@ label.check-container:hover input:not(:disabled) {
103
103
  background-color: var(--hlx-color-primary);
104
104
  cursor: default;
105
105
  }
106
- .check-container:hover input:checked ~ .checkmark.check-readOnly.check-disabled {
106
+ .check-container:hover
107
+ input:checked
108
+ ~ .checkmark.check-readOnly.check-disabled {
107
109
  border: 1px solid var(--hlx-color-primary);
108
110
  background-color: var(--hlx-color-primary);
109
111
  cursor: default;
110
112
  }
111
- .checkmark:after{
113
+ .checkmark:after {
112
114
  border: 1px solid var(--hlx-border-color);
113
115
  }
114
116
  .check-container input ~ .checkmark.check-readOnly.check-disabled {
@@ -123,6 +125,10 @@ label.check-container:hover input:not(:disabled) {
123
125
  border: 1px solid var(--hlx-border-color);
124
126
  cursor: not-allowed;
125
127
  }
128
+ .check-container:hover input ~ .checkmark.check-readOnly {
129
+ border: 1px solid var(--hlx-border-color);
130
+ cursor: default;
131
+ }
126
132
  .check-container input:checked ~ .checkmark.check-disabled {
127
133
  border: 1px solid var(--hlx-border-color);
128
134
  background: var(--hlx-border-color-lighter);
@@ -242,7 +248,7 @@ label.check-container:hover input:not(:disabled) {
242
248
  text-overflow: ellipsis;
243
249
  }
244
250
  }
245
- .radio-container:hover{
251
+ .radio-container:hover {
246
252
  cursor: pointer;
247
253
  }
248
254
  .radio-container.isDisabled:hover {
@@ -427,13 +433,13 @@ input:disabled:checked + .slider:hover {
427
433
  }
428
434
  }
429
435
 
430
- input:disabled + .slider:hover{
431
- border: 1px solid var(--hlx-border-color)
436
+ input:disabled + .slider:hover {
437
+ border: 1px solid var(--hlx-border-color);
432
438
  }
433
439
  // input:focus + .slider {
434
- // box-shadow: 0 0 1px white;
435
- // box-shadow: 0px 0px 8px -1px $grey;
436
- // border: 1px solid var(--hlx-color-primary);
440
+ // box-shadow: 0 0 1px white;
441
+ // box-shadow: 0px 0px 8px -1px $grey;
442
+ // border: 1px solid var(--hlx-color-primary);
437
443
  // }
438
444
  input + .slider:hover {
439
445
  // box-shadow: 0 0 1px white;
@@ -445,7 +451,7 @@ input + .slider:hover {
445
451
  }
446
452
  input:checked + #switchDisabled {
447
453
  border: 1px solid var(--hlx-color-primary);
448
- background-color: var(--hlx-color-primary)
454
+ background-color: var(--hlx-color-primary);
449
455
  }
450
456
 
451
457
  input:checked + .slider:before {
@@ -474,15 +480,31 @@ input:checked + .slider:before {
474
480
  z-index: 100 !important;
475
481
  }
476
482
 
477
- .Cpq{
483
+ .Cpq {
478
484
  border-bottom: 1px solid var(--hlx-border-color);
479
485
  // border-radius: 5px;
480
486
  background-color: white;
481
487
  position: relative;
488
+ display: flex;
489
+ width: 100%;
490
+ input {
482
491
  display: flex;
492
+ flex-direction: row;
493
+ align-items: center;
494
+ padding: 0px;
483
495
  width: 100%;
484
- input{
485
- display: flex;
496
+ height: 36px;
497
+ color: #565553;
498
+ background: transparent;
499
+ border-radius: 5px;
500
+ border: none;
501
+ transition: all 0.3s ease;
502
+ font-size: 14px;
503
+ padding: 10px 12px 10px 12px;
504
+ line-height: 18.15px;
505
+ }
506
+ textarea {
507
+ display: flex;
486
508
  flex-direction: row;
487
509
  align-items: center;
488
510
  padding: 0px;
@@ -496,25 +518,9 @@ input:checked + .slider:before {
496
518
  font-size: 14px;
497
519
  padding: 10px 12px 10px 12px;
498
520
  line-height: 18.15px;
499
- }
500
- textarea{
501
- display: flex;
502
- flex-direction: row;
503
- align-items: center;
504
- padding: 0px;
505
- width: 100%;
506
- height: 36px;
507
- color: #565553;
508
- background: transparent;
509
- border-radius: 5px;
510
- border: none;
511
- transition: all 0.3s ease;
512
- font-size: 14px;
513
- padding: 10px 12px 10px 12px;
514
- line-height: 18.15px;
515
- }
516
- label{
517
- position: absolute;
521
+ }
522
+ label {
523
+ position: absolute;
518
524
  cursor: text;
519
525
  z-index: 2;
520
526
  top: 8px;
@@ -527,13 +533,12 @@ input:checked + .slider:before {
527
533
  -webkit-user-select: none;
528
534
  -moz-user-select: none;
529
535
  user-select: none;
530
- }
531
- &:hover{
536
+ }
537
+ &:hover {
532
538
  border-bottom: 1px solid var(--hlx-color-primary);
533
539
  }
534
540
  }
535
541
 
536
-
537
542
  .input-field.Cpq input:focus + label,
538
543
  .input-field.Cpq input:valid + label {
539
544
  font-size: 12px;
@@ -546,4 +551,4 @@ input:checked + .slider:before {
546
551
  font-size: 12px;
547
552
  top: -9px;
548
553
  left: 6px;
549
- }
554
+ }