@allsorter/ui-components 0.0.394 → 0.0.396

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 (5) hide show
  1. package/fesm2022/allsorter-ui-components.mjs +4 -4
  2. package/fesm2022/allsorter-ui-components.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/input/input.component.scss +7 -6
  5. package/src/lib/resume-entries/resume-entries.component.scss +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@allsorter/ui-components",
3
- "version": "0.0.394",
3
+ "version": "0.0.396",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^18.0.0",
6
6
  "@angular/core": "^18.0.0",
package/src/lib/input/input.component.scss CHANGED
@@ -502,27 +502,28 @@ mat-icon[matSuffix] {
502
502
 
503
503
  /* ===== FLOATING LABEL POSITIONING ===== */
504
504
 
505
+ /* ===== FLOATING LABEL POSITIONING ===== */
506
+
505
507
  ::ng-deep .al-input-size-xs .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
506
- top: 10px !important;
508
+ top: var(--al-floating-label-top-xs, 10px) !important;
507
509
  }
508
510
 
509
511
  ::ng-deep .al-input-size-small .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
510
- top: 11px !important;
512
+ top: var(--al-floating-label-top-small, 11px) !important;
511
513
  }
512
514
 
513
515
  ::ng-deep .al-input-size-base .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
514
- top: 15px !important;
516
+ top: var(--al-floating-label-top-base, 15px) !important;
515
517
  }
516
518
 
517
519
  ::ng-deep .al-input-size-header .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
518
- top: 8px !important;
520
+ top: var(--al-floating-label-top-header, 8px) !important
519
521
  }
520
522
 
521
523
  ::ng-deep .al-input-size-large .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
522
- top: 20px !important;
524
+ top: var(--al-floating-label-top-header, 20px) !important
523
525
  }
524
526
 
525
-
526
527
  /* Label transform calculations - Fixed to position at top of border */
527
528
  ::ng-deep .al-input-size-xs .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
528
529
  --mat-mdc-form-field-label-transform: translateY(-20px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
package/src/lib/resume-entries/resume-entries.component.scss CHANGED
@@ -2,6 +2,10 @@
2
2
  @import "../styles/colors.scss";
3
3
  @import "../styles/border-radius.scss";
4
4
 
5
+ :root {
6
+ --spacing-xs: 6px;
7
+ }
8
+
5
9
  .resume-entries-container {
6
10
  display: flex;
7
11
  flex-direction: column;
@@ -62,7 +66,7 @@
62
66
  flex: 1;
63
67
  width: 100%;
64
68
  gap: 12px;
65
- padding-top: 5px;
69
+ padding-top: var(--spacing-xs, 5px);
66
70
  }
67
71
 
68
72
  .timeline-indicator {