ecabs-components 2.0.0-alpha.5 → 2.0.0-alpha.7

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 (104) hide show
  1. package/README.md +136 -85
  2. package/fesm2022/ecabs-components.mjs +3074 -1095
  3. package/fesm2022/ecabs-components.mjs.map +1 -1
  4. package/lib/base/consts/buttons.consts.d.ts +2 -0
  5. package/lib/base/consts/input.consts.d.ts +1 -0
  6. package/lib/base/directives/date-mask.directive.d.ts +6 -7
  7. package/lib/base/directives/digits-only.directive.d.ts +13 -2
  8. package/lib/base/directives/time-mask.directive.d.ts +2 -3
  9. package/lib/base/directives/time-range.directive.d.ts +1 -2
  10. package/lib/base/models/element.models.d.ts +0 -5
  11. package/lib/base/models/phone.models.d.ts +8 -1
  12. package/lib/base/models/select.models.d.ts +6 -2
  13. package/lib/base/models/sidebar.models.d.ts +10 -5
  14. package/lib/base/models/waypoint.models.d.ts +30 -0
  15. package/lib/base/pipes/phone-number-country-code.pipe.d.ts +8 -0
  16. package/lib/base/pipes/separator-append.pipe.d.ts +7 -0
  17. package/lib/base/utils/object-utils.d.ts +1 -0
  18. package/lib/base/utils/phone-number.utils.d.ts +7 -0
  19. package/lib/base/utils/select.utils.d.ts +2 -0
  20. package/lib/base/utils/time-mask.util.d.ts +3 -0
  21. package/lib/ecabs-button-toggle/ecabs-button-toggle.component.d.ts +25 -0
  22. package/lib/ecabs-button-toggle/ecabs-button-toggle.module.d.ts +9 -0
  23. package/lib/ecabs-buttons-v2/ecabs-buttons-v2.component.d.ts +23 -0
  24. package/lib/ecabs-buttons-v2/ecabs-buttons-v2.module.d.ts +11 -0
  25. package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.component.d.ts +30 -0
  26. package/lib/ecabs-checkbox-v2/ecabs-checkbox-v2.module.d.ts +12 -0
  27. package/lib/ecabs-chip-autocomplete/ecabs-chip-autocomplete.component.d.ts +56 -0
  28. package/lib/ecabs-chip-group/ecabs-chip-group.component.d.ts +24 -0
  29. package/lib/ecabs-chip-group/ecabs-chip-group.module.d.ts +12 -0
  30. package/lib/ecabs-date-range-picker-v2/components/ecabs-date-range-picker-header/ecabs-date-range-picker-header-v2.component.d.ts +9 -0
  31. package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.component.d.ts +69 -0
  32. package/lib/ecabs-date-range-picker-v2/ecabs-date-range-picker-v2.module.d.ts +21 -0
  33. package/lib/ecabs-date-time-picker/ecabs-date-time-picker.component.d.ts +4 -2
  34. package/lib/ecabs-dialog-confirm/ecabs-dialog-confirm.component.d.ts +1 -0
  35. package/lib/ecabs-empty-placeholder/ecabs-empty-placeholder.component.d.ts +2 -1
  36. package/lib/ecabs-expansion-panel/ecabs-expansion-panel.component.d.ts +1 -3
  37. package/lib/ecabs-input/ecabs-input.component.d.ts +12 -4
  38. package/lib/ecabs-input-range/ecabs-input-range.component.d.ts +44 -0
  39. package/lib/ecabs-input-range/ecabs-input-range.module.d.ts +13 -0
  40. package/lib/ecabs-phone/ecabs-phone.module.d.ts +5 -4
  41. package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.component.d.ts +64 -0
  42. package/lib/ecabs-place-autocomplete-v2/ecabs-place-autocomplete-v2.module.d.ts +13 -0
  43. package/lib/ecabs-segment/ecabs-segment.component.d.ts +8 -0
  44. package/lib/ecabs-select/ecabs-select.component.d.ts +7 -13
  45. package/lib/ecabs-select/ecabs-select.module.d.ts +5 -4
  46. package/lib/ecabs-select-icon/ecabs-select-icon.component.d.ts +8 -0
  47. package/lib/ecabs-select-icon/ecabs-select-icon.module.d.ts +9 -0
  48. package/lib/ecabs-select-v2/ecabs-select-v2.component.d.ts +25 -25
  49. package/lib/ecabs-select-v2/ecabs-select-v2.module.d.ts +2 -1
  50. package/lib/ecabs-table/ecabs-table.component.d.ts +4 -1
  51. package/lib/ecabs-time-range-input-v2/config.model.d.ts +5 -0
  52. package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.component.d.ts +52 -0
  53. package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.module.d.ts +11 -0
  54. package/lib/ecabs-time-range-input-v2/ecabs-time-range-input-v2.service.d.ts +12 -0
  55. package/lib/ecabs-timepicker/ecabs-timepicker.component.d.ts +0 -5
  56. package/package.json +15 -14
  57. package/public-api.d.ts +25 -0
  58. package/src/assets/styles/material/_theme.scss +7 -2
  59. package/src/assets/styles/material/overrides/_autocomplete.scss +28 -3
  60. package/src/assets/styles/material/overrides/_button.scss +103 -20
  61. package/src/assets/styles/material/overrides/_card.scss +44 -5
  62. package/src/assets/styles/material/overrides/_chip.scss +125 -11
  63. package/src/assets/styles/material/overrides/_datepicker.scss +24 -2
  64. package/src/assets/styles/material/overrides/_dialog.scss +3 -3
  65. package/src/assets/styles/material/overrides/_divider.scss +5 -4
  66. package/src/assets/styles/material/overrides/_expansion.scss +3 -2
  67. package/src/assets/styles/material/overrides/_form.scss +20 -10
  68. package/src/assets/styles/material/overrides/_icon.scss +7 -3
  69. package/src/assets/styles/material/overrides/_menu.scss +4 -0
  70. package/src/assets/styles/material/overrides/_paginator.scss +13 -11
  71. package/src/assets/styles/material/overrides/_phone.scss +19 -16
  72. package/src/assets/styles/material/overrides/_select.scss +64 -42
  73. package/src/assets/styles/material/overrides/_tab.scss +27 -4
  74. package/src/assets/styles/material/overrides/_table.scss +3 -2
  75. package/src/assets/styles/material/overrides/_toaster.scss +7 -8
  76. package/src/assets/styles/material/overrides/_toggle.scss +11 -2
  77. package/src/assets/styles/material/overrides/_tooltip.scss +3 -4
  78. package/src/assets/styles/scss/base/_heading.scss +1 -1
  79. package/src/assets/styles/scss/base/_normalize.scss +12 -22
  80. package/src/assets/styles/scss/modules/_autocomplete.scss +25 -11
  81. package/src/assets/styles/scss/modules/_button.scss +80 -27
  82. package/src/assets/styles/scss/modules/_card.scss +34 -11
  83. package/src/assets/styles/scss/modules/_chip.scss +25 -13
  84. package/src/assets/styles/scss/modules/_dialog.scss +1 -1
  85. package/src/assets/styles/scss/modules/_divider.scss +2 -1
  86. package/src/assets/styles/scss/modules/_form.scss +174 -26
  87. package/src/assets/styles/scss/modules/_icon.scss +2 -1
  88. package/src/assets/styles/scss/modules/_legend.scss +5 -4
  89. package/src/assets/styles/scss/modules/_list.scss +2 -2
  90. package/src/assets/styles/scss/modules/_map.scss +7 -5
  91. package/src/assets/styles/scss/modules/_phone.scss +10 -13
  92. package/src/assets/styles/scss/modules/_select.scss +6 -5
  93. package/src/assets/styles/scss/modules/_statuses.scss +22 -17
  94. package/src/assets/styles/scss/modules/_table.scss +5 -4
  95. package/src/assets/styles/scss/modules/_timepicker.scss +3 -3
  96. package/src/assets/styles/scss/modules/_tooltip.scss +1 -1
  97. package/src/assets/styles/scss/modules/drag-drop.scss +2 -2
  98. package/src/assets/styles/scss/utilities/_colors.scss +20 -16
  99. package/src/assets/styles/scss/utilities/_fonts.scss +6 -1
  100. package/src/assets/styles/scss/utilities/_mixins.scss +37 -4
  101. package/src/assets/styles/scss/utilities/_variables.scss +14 -0
  102. package/src/assets/styles/styles.scss +4 -26
  103. package/src/assets/styles/tailwind/index.scss +2 -2
  104. package/lib/base/consts/date-mask.consts.d.ts +0 -7
@@ -1,22 +1,23 @@
1
+ @use "../utilities/helpers";
2
+ @use "../utilities/fonts";
1
3
  @use "../utilities/functions";
2
4
  @use "../utilities/mixins";
3
- @use "../utilities/fonts";
4
5
  @use "../utilities/variables";
5
6
 
6
7
  .legend {
7
- @include mixins.fontSize(fonts.$font-size-sm);
8
+ @include mixins.fontSize(fonts.$font-size-md);
8
9
  position: relative;
9
10
  display: inline-block;
10
11
  margin-left: functions.calc-rem(12);
11
12
  padding-left: functions.calc-rem(24);
12
13
  vertical-align: top;
13
-
14
+
14
15
  &:first-of-type {
15
16
  margin-left: 0;
16
17
  }
17
18
 
18
19
  &:before {
19
- @extend %pseudos !optional;
20
+ @extend %pseudos;
20
21
 
21
22
  border-radius: variables.$border-radius-base;
22
23
  width: functions.calc-rem(16);
@@ -6,7 +6,7 @@
6
6
 
7
7
  @include mixins.m(bordered) {
8
8
  .list__item {
9
- border-bottom: 1px solid var(--color-gray-200);
9
+ border-bottom: 1px solid var(--color-gray-50);
10
10
  }
11
11
  }
12
12
 
@@ -15,6 +15,6 @@
15
15
 
16
16
  @include mixins.m(count) {
17
17
  margin-right: 2.4rem;
18
- }
18
+ }
19
19
  }
20
20
  }
@@ -1,7 +1,9 @@
1
- @use "../../scss/utilities/mixins";
2
- @use "../../scss/utilities/fonts";
3
- @use "../../scss/utilities/variables";
4
- @use "../../scss/utilities/functions";
1
+ @use "../../scss/utilities/index";
2
+ @use "../utilities/fonts";
3
+ @use "../utilities/functions";
4
+ @use "../utilities/mixins";
5
+ @use "../utilities/variables";
6
+
5
7
 
6
8
  div {
7
9
  .leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
@@ -123,7 +125,7 @@ div {
123
125
  border-bottom-left-radius: variables.$border-radius-base;
124
126
 
125
127
  .pac-item {
126
- border-color: var(--color-gray-200);
128
+ border-color: var(--color-gray-50);
127
129
  padding: functions.calc-rem(6px) functions.calc-rem(12px);
128
130
 
129
131
  .pac-icon.pac-icon-marker {
@@ -1,27 +1,24 @@
1
- @use "../../scss/utilities/functions";
2
- @use "../../scss/utilities/variables";
1
+ @use "../utilities/functions";
2
+ @use "../utilities/variables";
3
3
 
4
4
  .ecabs-phone {
5
5
  .ecabs-tel-input-container {
6
6
  position: relative;
7
7
  border-radius: variables.$border-radius-base;
8
- border: 1px solid var(--color-gray-500);
8
+ border: 1px solid var(--color-gray-300);
9
9
 
10
10
  .ecabs-tel-input-input {
11
- padding: functions.calc-rem(8) functions.calc-rem(8) functions.calc-rem(8) functions.calc-rem(105px) !important;
11
+ padding: functions.calc-rem(8px 8px 8px 105px) !important;
12
12
  }
13
13
 
14
- .iti__arrow {
15
- border: solid var(--color-gray-500);
16
- border-width: 0 2px 2px 0;
17
- display: inline-block;
18
- margin-top: -.4rem;
19
- padding: functions.calc-rem(3px);
20
- transform: rotate(45deg);
21
- -webkit-transform: rotate(45deg);
14
+ .country-selector {
15
+ opacity: 1 !important;
16
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
17
+ background-size: functions.calc-rem(12px 7.41px);
18
+ padding-right: .36rem;
22
19
  }
23
20
 
24
- .iti__flag {
21
+ .country-selector-flag.flag {
25
22
  filter: unset;
26
23
  }
27
24
  }
@@ -1,7 +1,8 @@
1
- @use '../utilities/variables';
2
- @use '../utilities/mixins';
3
- @use '../utilities/fonts';
4
- @use '../utilities/functions';
1
+ @use '../utilities/index';
2
+ @use "../utilities/fonts";
3
+ @use "../utilities/functions";
4
+ @use "../utilities/mixins";
5
+
5
6
 
6
7
  $border-radius: 0.25rem;
7
8
 
@@ -9,7 +10,7 @@ $border-radius: 0.25rem;
9
10
  @include mixins.fontSize(fonts.$font-size-base);
10
11
 
11
12
  border-radius: $border-radius;
12
- border: 1px solid var(--color-gray-500);
13
+ border: 1px solid var(--color-gray-300);
13
14
  padding: functions.calc-rem(8) functions.calc-rem(16) functions.calc-rem(8) functions.calc-rem(16);
14
15
  color: var(--color-black);
15
16
  line-height: fonts.$base-line-height;
@@ -1,31 +1,36 @@
1
1
  .pending {
2
- background-color: var(--color-gray-300) !important;
3
- color: var(--color-gray-400) !important;
2
+ background-color: var(--color-gray-300);
3
+ color: var(--color-gray-400);
4
4
  }
5
5
 
6
- .reserved, .pending_data {
7
- background-color: rgba(var(--color-warn-rgb), .05) !important;
8
- color: var(--color-warn) !important;
6
+ .reserved {
7
+ background-color: var(--color-warning-opacity);
8
+ color: var(--color-warning);
9
9
  }
10
10
 
11
11
  .scheduled, .ended {
12
- background-color: var(--color-gray-200) !important;
13
- color: var(--color-gray-500) !important;
12
+ background-color: var(--color-gray-50);
13
+ color: var(--color-gray-500);
14
14
  }
15
15
 
16
16
  .dispatched, .cab_arrived_at_pickup, .trip_started, .dropped_off, .started,
17
- .cab_arrived_at_intermediary_waypoint, .trip_ongoing, .in_progress {
18
- background-color: rgba(var(--color-info-rgb), .05) !important;
19
- color: var(--color-info) !important;
17
+ .cab_arrived_at_intermediary_waypoint, .trip_ongoing, .in_progress, .published {
18
+ background-color: rgba(var(--color-info-rgb), .05);
19
+ color: var(--color-info);
20
20
  }
21
21
 
22
- .cab_arrived_at_dropoff, .trip_ended, .completed, .accepted, .cashed_in, .done, .active {
23
- background-color: rgba(var(--color-success-rgb), .05) !important;
24
- color: var(--color-success) !important;
22
+ .cab_arrived_at_dropoff, .trip_ended, .completed, .accepted, .cashed_in, .done {
23
+ background-color: var(--color-success--opacity);
24
+ color: var(--color-success);
25
25
  }
26
26
 
27
- .cancelled, .rejected, .suspended,
28
- .cancelled, .sick, .no_show, .unable_to_complete, .unavailable, .failed, .expired {
29
- background-color: rgba(var(--color-error-rgb), .05) !important;
30
- color: var(--color-error) !important;
27
+ .cancelled, .rejected, .suspended, .sick, .no_show, .unable_to_complete, .unavailable, .failed {
28
+ background-color: var(--color-error-opacity);
29
+ color: var(--color-error);
30
+ }
31
+
32
+
33
+ .archived {
34
+ background-color: var(--color-gray-100);
35
+ color: var(--color-gray-600);
31
36
  }
@@ -1,7 +1,8 @@
1
+ @use "../utilities/helpers";
2
+ @use "../utilities/fonts";
3
+ @use "../utilities/functions";
1
4
  @use "../utilities/mixins";
2
5
  @use "../utilities/variables";
3
- @use "../utilities/functions";
4
- @use "../utilities/fonts";
5
6
 
6
7
  .table-ui {
7
8
  text-align: left;
@@ -16,14 +17,14 @@
16
17
  background-color: var(--color-white);
17
18
 
18
19
  &.loading:after {
19
- @extend %pseudos !optional;
20
+ @extend %pseudos;
20
21
 
21
22
  top: 0;
22
23
  left: 0;
23
24
  width: 100%;
24
25
  height: 100%;
25
26
 
26
- background-color: var(--color-gray-200);
27
+ background-color: var(--color-gray-50);
27
28
  opacity: 0.5;
28
29
  z-index: 999;
29
30
  }
@@ -1,6 +1,6 @@
1
+ @use "../utilities/fonts";
1
2
  @use "../utilities/functions";
2
3
  @use "../utilities/variables";
3
- @use "../utilities/fonts";
4
4
 
5
5
  ecabs-timepicker {
6
6
  .timeInputWrapper {
@@ -70,7 +70,7 @@ ecabs-timepicker {
70
70
  li {
71
71
  display: block;
72
72
  padding: 8px 12px;
73
- font-size: fonts.$font-size-sm;
73
+ font-size: fonts.$font-size-md;
74
74
  line-height: fonts.$base-line-height;
75
75
  font-weight: normal;
76
76
  color: var(--color-black);
@@ -85,7 +85,7 @@ ecabs-timepicker {
85
85
  }
86
86
 
87
87
  &.hovered {
88
- background: var(--color-gray-200);
88
+ background: var(--color-gray-50);
89
89
  }
90
90
  }
91
91
  }
@@ -1,6 +1,6 @@
1
- @use "../utilities/mixins";
2
1
  @use "../utilities/fonts";
3
2
  @use "../utilities/functions";
3
+ @use "../utilities/mixins";
4
4
 
5
5
  .tooltip {
6
6
  @include mixins.fontSize(fonts.$font-size-xs);
@@ -1,6 +1,6 @@
1
+ @use "../utilities/functions";
1
2
  @use "../utilities/mixins";
2
3
  @use "../utilities/variables";
3
- @use "../utilities/functions";
4
4
 
5
5
  .drag-drop {
6
6
  @include mixins.m(container) {
@@ -27,7 +27,7 @@
27
27
  }
28
28
 
29
29
  @include mixins.m(placeholder) {
30
- background: var(--color-gray-200);
30
+ background: var(--color-gray-50);
31
31
  border: dashed 2px var(--color-gray-400) !important;
32
32
  min-height: functions.calc-rem(120);
33
33
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
@@ -1,14 +1,20 @@
1
1
  :root {
2
- --color-black: #07080d;
2
+ --color-black: #020618;
3
3
  --color-white: #ffffff;
4
4
  --color-white-opacity-05: rgba(0, 0, 0, 0.05);
5
5
 
6
6
  /* #Grays */
7
- --color-gray-100: #f5f6f9;
8
- --color-gray-200: #f8f9f9;
9
- --color-gray-300: #d9d9d9;
10
- --color-gray-400: #a6a6a6;
11
- --color-gray-500: #6b6d73;
7
+ --color-gray-50: #F8FAFC;
8
+ --color-gray-100: #F1F5F9;
9
+ --color-gray-200: #E2E8F0;
10
+ --color-gray-300: #CAD5E2;
11
+ --color-gray-400: #90A1B9;
12
+ --color-gray-500: #62748E;
13
+ --color-gray-600: #45556C;
14
+ --color-gray-700: #314158;
15
+ --color-gray-800: #1D293D;
16
+ --color-gray-900: #0F172B;
17
+ --color-gray-950: #020618;
12
18
 
13
19
  /* #Brand */
14
20
  --color-brand-dark: #193273;
@@ -22,25 +28,23 @@
22
28
  --color-brand-300-rgb: 231, 239, 255;
23
29
 
24
30
  /* #Accent */
25
- --color-error: #df3838;
26
- --color-error-opacity: #fbe4e4;
31
+ --color-error: #bb032a;
32
+ --color-error-opacity: #FFF0EE;
27
33
  --color-error-rgb: 223, 56, 56;
28
34
 
29
35
  --color-notification: #f4d04f;
30
36
  --color-notification-rgb: 244, 208, 79;
31
37
 
32
- --color-warn: #f2994a;
33
- --color-warn-rgb: 242, 153, 74;
34
-
35
38
  --color-info: #325fda;
36
39
  --color-info-rgb: 50, 95, 218;
40
+ --color-info-messages: #e3e9f3;
37
41
 
38
- --color-warning: #f2994a;
39
- --color-warning-opacity: #fdf0e4;
42
+ --color-warning: #845201;
43
+ --color-warning-opacity: #FDF2DC;
40
44
 
41
- --color-success: #25bd3d;
42
- --color-success--opacity: #e8f8e5;
43
- --color-success-rgb: 37, 189, 61;
45
+ --color-success: #166C3B;
46
+ --color-success--opacity: #EAF6ED;
47
+ --color-success-rgb: 7, 81, 69;
44
48
 
45
49
  --color-allocation-started: #E8F8E5;
46
50
  --color-allocation-scheduled: #FDF0E4;
@@ -12,7 +12,8 @@ $font-weight-extra-bold: 800;
12
12
 
13
13
  // #Sizes
14
14
  $font-size-xs: 12px;
15
- $font-size-sm: 14px;
15
+ $font-size-sm: 13px;
16
+ $font-size-md: 14px;
16
17
  $font-size-base: 16px;
17
18
  $font-size-lg: 18px;
18
19
 
@@ -24,3 +25,7 @@ $font-heading-lg: 36px;
24
25
 
25
26
  // Height
26
27
  $base-line-height: 1.5;
28
+
29
+ :root {
30
+ --mat-option-label-text-size: #{$font-size-sm};
31
+ }
@@ -1,7 +1,8 @@
1
+ @use "helpers";
1
2
  @use "sass:map";
2
- @use "./functions";
3
- @use "./variables";
4
-
3
+ @use "variables";
4
+ @use "functions";
5
+ @use "fonts";
5
6
  // Calculates font size in REMs with a pixel fallback.
6
7
  @mixin fontSize($size) {
7
8
  font-size: $size;
@@ -29,7 +30,7 @@
29
30
  @mixin p-el($el-name, $h: 'null', $w: 'null') {
30
31
  @if $el-name == 'before' or $el-name == 'after' {
31
32
  &::#{$el-name} {
32
- @extend %pseudos !optional;
33
+ @extend %pseudos;
33
34
  width: $w;
34
35
  height: $h;
35
36
  @content;
@@ -67,3 +68,35 @@
67
68
  @error '"#{$break}" is not a valid breakpoint. Please enter a supported value (e.g. "small", "medium" or "large")';
68
69
  }
69
70
  }
71
+
72
+ // ==========================================================================
73
+ // Sized-control button v2 metrics
74
+ // ==========================================================================
75
+ @mixin btn-size($height, $min-width, $padding-x, $font-size, $line-height) {
76
+ height: $height;
77
+ min-width: $min-width;
78
+ padding: 0 $padding-x;
79
+ font-size: $font-size;
80
+ font-weight: fonts.$font-weight-semibold;
81
+ line-height: $line-height;
82
+ letter-spacing: 0;
83
+ border-radius: functions.calc-rem(variables.$border-radius-large);
84
+ text-align: center;
85
+ }
86
+
87
+ // Step for the button-toggle size scale, applied to Material's toggle internals.
88
+ @mixin toggle-size($height, $min-width, $font-size, $padding-x) {
89
+ .mat-button-toggle {
90
+ height: $height;
91
+
92
+ .mat-button-toggle-button {
93
+ height: $height;
94
+ min-width: $min-width;
95
+ }
96
+
97
+ .mat-button-toggle-label-content {
98
+ font-size: $font-size;
99
+ padding: 0 $padding-x;
100
+ }
101
+ }
102
+ }
@@ -1,9 +1,14 @@
1
+ @use "functions";
1
2
  /* #Box shadows */
2
3
  $box-shadow-default: 0px 0px 10px rgba(0, 0, 0, 0.1);
4
+ $box-shadow-medium: 0px 1px 2px 0px #0000000D;
3
5
  $box-shadow-large: 0 0 25px rgba(0, 0, 0, 0.2);
4
6
 
5
7
  /* #Border settings */
6
8
  $border-radius-base: .25rem;
9
+ $border-radius-xl: 12px;
10
+ $border-radius-medium: 6px;
11
+ $border-radius-large: 8px;
7
12
 
8
13
  /* #Transition */
9
14
  $trans-duration-style: .24s ease-out;
@@ -17,3 +22,12 @@ $breakpoints: (
17
22
  xl: 1200px,
18
23
  xxl: 1400px
19
24
  );
25
+
26
+ :root {
27
+ --mat-standard-button-toggle-shape: #{functions.calc-rem($border-radius-large)};
28
+ --mat-option-label-text-color: var(--color-gray-900);
29
+ --mat-option-focus-state-layer-color: var(--color-gray-100);
30
+ --mat-option-hover-state-layer-color: var(--color-gray-50);
31
+ --mat-divider-color: var(--color-gray-100);
32
+ --mat-select-placeholder-text-color: var(--color-gray-400);
33
+ }
@@ -1,27 +1,5 @@
1
- @use "sass:meta";
2
- @use "tailwindcss";
3
- @use "tailwind/index.scss";
4
- @use "scss/utilities";
5
1
  @use "material/theme";
6
- @use "scss/modules";
7
-
8
- @theme {
9
- --color-black: var(--color-black);
10
- --color-gray-100: var(--color-gray-100);
11
- --color-gray-200: var(--color-gray-200);
12
- --color-gray-300: var(--color-gray-300);
13
- --color-gray-400: var(--color-gray-400);
14
- --color-gray-500: var(--color-gray-500);
15
- --color-brand-dark: var(--color-brand-dark);
16
- --color-brand-light: var(--color-brand-light);
17
- --color-brand-300: var(--color-brand-300);
18
- --color-accent-error: var(--color-error);
19
- --color-accent-notification: var(--color-notification);
20
- --color-accent-success: var(--color-success);
21
-
22
- --line-height-0: 0rem;
23
- }
24
-
25
- @layer base {
26
- @include meta.load-css("../styles/scss/base/index.scss");
27
- }
2
+ @use "scss/modules/index";
3
+ @use "scss/utilities/index" as index2;
4
+ @use "scss/base/index" as index3;
5
+ @use "tailwind/index" as index4;
@@ -1,2 +1,2 @@
1
- /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.z-20{z-index:20}.z-50{z-index:50}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-max{height:max-content}.\!w-full{width:100%!important}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-full{width:100%}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-9{--tw-translate-x:calc(var(--spacing) * -9);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.\!rounded-full{border-radius:3.40282e38px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-current{border-color:currentColor}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.\!p-0{padding:calc(var(--spacing) * 0)!important}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.\!text-lg{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!leading-none{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.\!text-gray-500{color:var(--color-gray-500)!important}.text-black{color:var(--color-black)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-inherit:hover{color:inherit}}@media (min-width:40rem){.sm\:hidden{display:none}}@media (min-width:48rem){.md\:mr-3{margin-right:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
1
+ /*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
2
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-50:oklch(97% .014 254.604);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-md:.375rem;--radius-xl:.75rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-20{z-index:20}.z-50{z-index:50}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.my-1{margin-block:var(--spacing)}.my-6{margin-block:calc(var(--spacing) * 6)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-3{margin-right:calc(var(--spacing) * 3)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-16{margin-bottom:calc(var(--spacing) * 16)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-10{margin-left:calc(var(--spacing) * 10)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-5\!{height:calc(var(--spacing) * 5)!important}.h-12{height:calc(var(--spacing) * 12)}.h-full{height:100%}.h-max{height:max-content}.w-2\/3{width:66.6667%}.w-5{width:calc(var(--spacing) * 5)}.w-5\!{width:calc(var(--spacing) * 5)!important}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-48{width:calc(var(--spacing) * 48)}.w-60{width:calc(var(--spacing) * 60)}.w-72{width:calc(var(--spacing) * 72)}.w-\[260px\]{width:260px}.w-full{width:100%}.w-full\!{width:100%!important}.max-w-96{max-width:calc(var(--spacing) * 96)}.flex-1{flex:1}.grow{flex-grow:1}.-translate-x-9{--tw-translate-x:calc(var(--spacing) * -9);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0{gap:0}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-1{column-gap:var(--spacing)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.gap-y-4{row-gap:calc(var(--spacing) * 4)}.gap-y-6{row-gap:calc(var(--spacing) * 6)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-full\!{border-radius:3.40282e38px!important}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-current{border-color:currentColor}.bg-blue-50{background-color:var(--color-blue-50)}.bg-brand-300{background-color:var(--color-brand-300)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.\!p-0{padding:0!important}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-10{padding-inline:calc(var(--spacing) * 10)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-1{padding-right:var(--spacing)}.pb-1{padding-bottom:var(--spacing)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-lg\!{font-size:var(--text-lg)!important;line-height:var(--tw-leading,var(--text-lg--line-height))!important}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\!{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xl\!{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-0{--tw-leading:0;line-height:0}.leading-5\!{--tw-leading:calc(var(--spacing) * 5)!important;line-height:calc(var(--spacing) * 5)!important}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-none{--tw-leading:1;line-height:1}.leading-none\!{--tw-leading:1!important;line-height:1!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.\!text-gray-500{color:var(--color-gray-500)!important}.text-accent-error{color:var(--color-error)}.text-black{color:var(--color-black)}.text-blue-800{color:var(--color-blue-800)}.text-brand-dark{color:var(--color-brand-dark)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-inherit{color:inherit}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-brand-dark:hover{color:var(--color-brand-dark)}.hover\:text-gray-400\!:hover{color:var(--color-gray-400)!important}.hover\:text-inherit:hover{color:inherit}}@media (min-width:40rem){.sm\:hidden{display:none}}@media (min-width:48rem){.md\:mr-3{margin-right:calc(var(--spacing) * 3)}.md\:block{display:block}.md\:flex{display:flex}}*,:after,:before,::backdrop{border-color:var(--color-gray-200)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
@@ -1,7 +0,0 @@
1
- export declare function createAutoCorrectedDatePipe(dateFormat?: string, { minYear, maxYear }?: {
2
- minYear?: number;
3
- maxYear?: number;
4
- }): (conformedValue: any) => false | {
5
- value: any;
6
- indexesOfPipedChars: any[];
7
- };