@colijnit/sharedcomponents 300.1.15 → 300.1.17

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.
package/index.d.ts CHANGED
@@ -538,6 +538,12 @@ declare class StockModuleScreenConfigService extends BaseModuleScreenConfigServi
538
538
  static ɵprov: i0.ɵɵInjectableDeclaration<StockModuleScreenConfigService>;
539
539
  }
540
540
 
541
+ declare class ExternalStockInfo {
542
+ supplierNr: number;
543
+ supplierName: string;
544
+ availableStock: number;
545
+ }
546
+
541
547
  declare class StockComponent implements OnDestroy, OnInit {
542
548
  iconCacheService: IconCacheService;
543
549
  private _stockService;
@@ -553,6 +559,7 @@ declare class StockComponent implements OnDestroy, OnInit {
553
559
  branchNr: number;
554
560
  articleWarehouse: any[];
555
561
  allWarehouses: any[];
562
+ articleExternalStockInformation: ExternalStockInfo[];
556
563
  readonly okButtonClicked: EventEmitter<any>;
557
564
  readonly cancelButtonClicked: EventEmitter<any>;
558
565
  handleClick: EventEmitter<any>;
@@ -594,7 +601,7 @@ declare class StockComponent implements OnDestroy, OnInit {
594
601
  private _resetStockInformation;
595
602
  loadData(): void;
596
603
  static ɵfac: i0.ɵɵFactoryDeclaration<StockComponent, never>;
597
- static ɵcmp: i0.ɵɵComponentDeclaration<StockComponent, "co-stock", never, { "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; "article": { "alias": "article"; "required": false; }; "branchNr": { "alias": "branchNr"; "required": false; }; "articleWarehouse": { "alias": "articleWarehouse"; "required": false; }; "allWarehouses": { "alias": "allWarehouses"; "required": false; }; }, { "handleStickerClicked": "handleStickerClicked"; "okButtonClicked": "okButtonClicked"; "cancelButtonClicked": "cancelButtonClicked"; "handleClick": "handleClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; "handleSalesOrderClick": "handleSalesOrderClick"; }, never, never, false, never>;
604
+ static ɵcmp: i0.ɵɵComponentDeclaration<StockComponent, "co-stock", never, { "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; "article": { "alias": "article"; "required": false; }; "branchNr": { "alias": "branchNr"; "required": false; }; "articleWarehouse": { "alias": "articleWarehouse"; "required": false; }; "allWarehouses": { "alias": "allWarehouses"; "required": false; }; "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; }, { "handleStickerClicked": "handleStickerClicked"; "okButtonClicked": "okButtonClicked"; "cancelButtonClicked": "cancelButtonClicked"; "handleClick": "handleClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; "handleSalesOrderClick": "handleSalesOrderClick"; }, never, never, false, never>;
598
605
  }
599
606
 
600
607
  declare class StockInformationComponent {
@@ -756,10 +763,12 @@ declare class StockTabComponent {
756
763
  readonly sharedCfgName: typeof SharedCfgName;
757
764
  readonly SimpleGridColumnTemplateType: typeof SimpleGridColumnTemplateType;
758
765
  articleStockInformation: ArticleStock$1[];
766
+ articleExternalStockInformation: ExternalStockInfo[];
767
+ showExternalStock: boolean;
759
768
  locationClicked: EventEmitter<string>;
760
769
  onLocationClick(data: any): void;
761
770
  static ɵfac: i0.ɵɵFactoryDeclaration<StockTabComponent, never>;
762
- static ɵcmp: i0.ɵɵComponentDeclaration<StockTabComponent, "co-stock-tab", never, { "articleStockInformation": { "alias": "articleStockInformation"; "required": false; }; }, { "locationClicked": "locationClicked"; }, never, never, false, never>;
771
+ static ɵcmp: i0.ɵɵComponentDeclaration<StockTabComponent, "co-stock-tab", never, { "articleStockInformation": { "alias": "articleStockInformation"; "required": false; }; "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; }, { "locationClicked": "locationClicked"; }, never, never, false, never>;
763
772
  }
764
773
 
765
774
  declare abstract class BaseStockComponent implements OnInit {
@@ -819,6 +828,7 @@ declare class StockTabsComponent implements OnInit {
819
828
  private _changeDetector;
820
829
  private _stockScreenConfigService;
821
830
  readonly icons: typeof Icon;
831
+ articleExternalStockInformation: ExternalStockInfo[];
822
832
  stockInformation: ArticleStock$1[];
823
833
  article: ArticleExtended;
824
834
  articleFlat: ArticleFlat;
@@ -838,7 +848,7 @@ declare class StockTabsComponent implements OnInit {
838
848
  getStockData(warehouse: StockManagementWarehouses): void;
839
849
  wareHouseForCode(code: number): StockManagementWarehouses;
840
850
  static ɵfac: i0.ɵɵFactoryDeclaration<StockTabsComponent, never>;
841
- static ɵcmp: i0.ɵɵComponentDeclaration<StockTabsComponent, "co-stock-tabs", never, { "stockInformation": { "alias": "stockInformation"; "required": false; }; "article": { "alias": "article"; "required": false; }; "articleFlat": { "alias": "articleFlat"; "required": false; }; "warehouses": { "alias": "warehouses"; "required": false; }; "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; }, { "transferIconClicked": "transferIconClicked"; "sendMethodDialogClicked": "sendMethodDialogClicked"; "handleSalesOrderClick": "handleSalesOrderClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; }, never, never, false, never>;
851
+ static ɵcmp: i0.ɵɵComponentDeclaration<StockTabsComponent, "co-stock-tabs", never, { "articleExternalStockInformation": { "alias": "articleExternalStockInformation"; "required": false; }; "stockInformation": { "alias": "stockInformation"; "required": false; }; "article": { "alias": "article"; "required": false; }; "articleFlat": { "alias": "articleFlat"; "required": false; }; "warehouses": { "alias": "warehouses"; "required": false; }; "userWarehouseNr": { "alias": "userWarehouseNr"; "required": false; }; }, { "transferIconClicked": "transferIconClicked"; "sendMethodDialogClicked": "sendMethodDialogClicked"; "handleSalesOrderClick": "handleSalesOrderClick"; "handlePurchaseOrderClick": "handlePurchaseOrderClick"; }, never, never, false, never>;
842
852
  }
843
853
 
844
854
  declare class StockHistoryTabsComponent {
@@ -1035,7 +1045,7 @@ declare class StockLocationPopupComponent implements OnInit {
1035
1045
  amountInStockChanged(data: any): void;
1036
1046
  handleOkClick(): Promise<void>;
1037
1047
  togglePopup(): void;
1038
- locationForNumber(number: string): StockLocation | "";
1048
+ locationForNumber(number: string): "" | StockLocation;
1039
1049
  locationChanged(event: StockLocation): void;
1040
1050
  handleStockChange(): void;
1041
1051
  handleSelectedStockState(event: StockStatus): void;
@@ -1796,7 +1806,7 @@ declare class StockTransferPrintStickerModule {
1796
1806
 
1797
1807
  declare class StockModule {
1798
1808
  static ɵfac: i0.ɵɵFactoryDeclaration<StockModule, never>;
1799
- static ɵmod: i0.ɵɵNgModuleDeclaration<StockModule, [typeof StockComponent, typeof StockInformationComponent, typeof StockInformationGridComponent, typeof StockTransferComponent, typeof StockChangeAmountComponent, typeof StockTabComponent, typeof OrderTabComponent, typeof StockTabsComponent, typeof StockHistoryTabsComponent, typeof OrderStockTabComponent, typeof StockLocationComponent, typeof StockHistoryComponent, typeof OrderSupplyStockHistoryComponent, typeof OrderCommissionStockHistoryComponent, typeof OrderStockHistoryComponent, typeof AllocationStockHistoryComponent, typeof StockPrognoseComponent, typeof StockLocationPopupComponent, typeof StockTransferAllocatedComponent], [typeof i3.ButtonModule, typeof i2.CommonModule, typeof i3.InputRadioButtonModule, typeof i3.SimpleGridModule, typeof i3.ImageModule, typeof i3.InputTextModule, typeof SendMethodDialogModule, typeof i3.IconModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogWizardModule, typeof i3.InputTextareaModule, typeof TabBarModule, typeof i3.CoDialogModule, typeof StatusbarModule, typeof StockStatusbarModule, typeof i3.ListOfValuesModule, typeof SharedComponentsTranslationModule, typeof i3.PopupModule, typeof i3.InputDatePickerModule, typeof i3.ScreenConfigurationModule, typeof StockPrintStickerModule, typeof StockTransferPrintStickerModule], [typeof StockComponent]>;
1809
+ static ɵmod: i0.ɵɵNgModuleDeclaration<StockModule, [typeof StockComponent, typeof StockInformationComponent, typeof StockInformationGridComponent, typeof StockTransferComponent, typeof StockChangeAmountComponent, typeof StockTabComponent, typeof OrderTabComponent, typeof StockTabsComponent, typeof StockHistoryTabsComponent, typeof OrderStockTabComponent, typeof StockLocationComponent, typeof StockHistoryComponent, typeof OrderSupplyStockHistoryComponent, typeof OrderCommissionStockHistoryComponent, typeof OrderStockHistoryComponent, typeof AllocationStockHistoryComponent, typeof StockPrognoseComponent, typeof StockLocationPopupComponent, typeof StockTransferAllocatedComponent], [typeof i3.ButtonModule, typeof i2.CommonModule, typeof i3.InputRadioButtonModule, typeof i3.SimpleGridModule, typeof i3.ImageModule, typeof i3.InputTextModule, typeof SendMethodDialogModule, typeof i3.IconModule, typeof i3.InputNumberPickerModule, typeof i3.CoDialogWizardModule, typeof i3.InputTextareaModule, typeof TabBarModule, typeof i3.CoDialogModule, typeof StatusbarModule, typeof StockStatusbarModule, typeof i3.ListOfValuesModule, typeof SharedComponentsTranslationModule, typeof i3.PopupModule, typeof i3.InputDatePickerModule, typeof i3.ScreenConfigurationModule, typeof StockPrintStickerModule, typeof StockTransferPrintStickerModule, typeof i3.InputCheckboxModule], [typeof StockComponent]>;
1800
1810
  static ɵinj: i0.ɵɵInjectorDeclaration<StockModule>;
1801
1811
  }
1802
1812
 
@@ -4794,6 +4804,7 @@ declare class RemarkActivityLeafComponent extends BaseActivityLeafComponent impl
4794
4804
  constructor(fileTypeImgPipe: FileTypeImagePipe, iconCacheService: IconCacheService, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService);
4795
4805
  ngOnInit(): Promise<void>;
4796
4806
  handleViewOrEditClick(event: MouseEvent): void;
4807
+ get hasDocuments(): boolean;
4797
4808
  static ɵfac: i0.ɵɵFactoryDeclaration<RemarkActivityLeafComponent, never>;
4798
4809
  static ɵcmp: i0.ɵɵComponentDeclaration<RemarkActivityLeafComponent, "co-remark-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
4799
4810
  }
@@ -4834,6 +4845,7 @@ declare class WorkActivityLeafComponent extends BaseActivityLeafComponent {
4834
4845
  showWorkedTime: boolean;
4835
4846
  constructor(fileTypeImgPipe: FileTypeImagePipe, _sharedService: SharedService, _cfgService: BaseModuleScreenConfigService, iconCacheService: IconCacheService);
4836
4847
  handleViewOrEditClick(event: MouseEvent): void;
4848
+ get hasDocuments(): boolean;
4837
4849
  static ɵfac: i0.ɵɵFactoryDeclaration<WorkActivityLeafComponent, never>;
4838
4850
  static ɵcmp: i0.ɵɵComponentDeclaration<WorkActivityLeafComponent, "co-work-activity-leaf", never, { "myCfgNames": { "alias": "myCfgNames"; "required": false; }; }, { "viewOrEditClick": "viewOrEditClick"; }, never, never, false, never>;
4839
4851
  }
@@ -5433,5 +5445,5 @@ interface TreeViewNodeItemOptions {
5433
5445
  leafConditionField: string;
5434
5446
  }
5435
5447
 
5436
- export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SearchPresetOverviewComponent, SearchPresetOverviewModule, SearchPresetsService, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
5448
+ export { ActivityListComponent, ActivityListModule, ActivityTimelineComponent, ActivityTimelineModule, AgendaEvent, AgendaEventPerDay, CalendarView, CoLinearGaugeComponent, CoLinearGaugeModule, ComponentActivityListComponent, ComponentActivityListModule, DatePlanningComponent, DatePlanningModule, DateRange, Day, DocsignComponent, DocsignModule, ExternalStockInfo, FilesUploadComponent, FilesUploadModule, FingerPrintService, FormBuilderUserFormComponent, FormBuilderUserFormModule, GaugeColor$1 as GaugeColor, KeyPadComponent, KeyPadModule, LayoutSwitcherComponent, LayoutSwitcherModule, Month, NULL_AGENDA_EVENT, NULL_AGENDA_EVENT_PER_DAY, NULL_DAY, NULL_MONTH, NULL_WEEK, PreferredPlanningComponent, PreferredPlanningModule, RoleEmailSelectorComponent, RoleEmailSelectorModule, SearchPresetOverviewComponent, SearchPresetOverviewModule, SearchPresetsService, SendMethod, SendMethodDialogComponent, SendMethodDialogModule, SharedComponentsDictionaryService, SharedComponentsTranslationModule, SharedEventService, SharedLocalizePipe, SharedService, SharedSettings, SimpleTagsComponent, SimpleTagsFormComponent, SimpleTagsFormModule, SimpleTagsModule, StatusbarComponent, StatusbarModule, StatusbarPopupComponent, StockComponent, StockModule, TagTreeItem, TaskCreatorComponent, TaskCreatorModule, TimeWindow, TreeObject, TreeView, TreeViewNode, UserFormMode, Week, WeekStart, Weekday, WorkflowInfoTilesComponent, WorkflowInfoTilesModule, sendMethodsWithIcon };
5437
5449
  export type { StatusbarData, TextDimension, TreeViewModel, TreeViewNodeItemOptions, TreeViewNodeModel };
@@ -32,8 +32,8 @@
32
32
  display: flex;
33
33
  gap: 5px;
34
34
  position: absolute;
35
- top: -38px;
36
- left: 200px;
35
+ top: -55px;
36
+ left: 225px;
37
37
  }
38
38
  }
39
39
 
@@ -120,7 +120,13 @@
120
120
  height: $sc-stock-info-container-height;
121
121
  position: relative;
122
122
  }
123
-
123
+ co-stock-tabs {
124
+ padding: $sc-stock-tabs-padding;
125
+ background: $sc-stock-tabs-background;
126
+ display: flex;
127
+ flex-direction: column;
128
+ gap: $sc-stock-tabs-gap;
129
+ }
124
130
  .stock-info {
125
131
  margin: $sc-stock-info-margin;
126
132
  padding: $sc-stock-info-padding;
@@ -134,6 +140,7 @@
134
140
 
135
141
  .stock-info-row {
136
142
  display: inline-flex;
143
+ min-width: $sc-stock-info-row-width;
137
144
  }
138
145
 
139
146
  .stock-info-row-image {
@@ -161,22 +168,12 @@
161
168
  .stock-status {
162
169
  display: grid;
163
170
  position: relative;
171
+ gap: 5px;
164
172
  }
165
173
 
166
- .stock-info > div:not(:first-child) {
167
- padding: 0 0 0 30px;
174
+ .stock-info > div {
175
+ padding: 0 20px;
168
176
  border-left: $sc-stock-border-left;
169
-
170
- &:before {
171
- content: '';
172
- height: 30px;
173
- width: 1px;
174
- background: #DCE4EA;
175
- position: absolute;
176
- left: 0;
177
- top: 50%;
178
- transform: translateY(-50%);
179
- }
180
177
  }
181
178
 
182
179
  .stock-line {
@@ -247,6 +244,9 @@
247
244
  min-width: 190px;
248
245
 
249
246
  .co-list-of-values {
247
+ &:before {
248
+ box-shadow: none;
249
+ }
250
250
  .co-input-text {
251
251
  height: 100%;
252
252
  }
@@ -528,7 +528,7 @@
528
528
  }
529
529
 
530
530
  .simple-grid {
531
- height: $sc-stock-grid-height;
531
+ max-height: $sc-stock-grid-height;
532
532
  overflow: auto;
533
533
 
534
534
  thead {
@@ -575,8 +575,10 @@
575
575
  }
576
576
 
577
577
  .stock-label {
578
- font-size: $sc-font-size-small;
578
+ font-size: $sc-font-size-xs;
579
579
  align-self: center;
580
+ color: #8083a3;
581
+ text-transform: uppercase;
580
582
  }
581
583
 
582
584
  .stock-span {
@@ -626,6 +628,7 @@
626
628
  .simple-grid-column-header-wrapper {
627
629
  .simple-grid-column-header-label {
628
630
  font-size: 10px;
631
+ padding: 15px;
629
632
  }
630
633
  }
631
634
 
@@ -656,7 +659,6 @@
656
659
  font-size: 10px;
657
660
 
658
661
  &:nth-child(odd) {
659
- background: #f8f8fa;
660
662
 
661
663
  &:hover {
662
664
  background: #d2e3f9;
@@ -679,9 +681,9 @@
679
681
  }
680
682
 
681
683
  .simple-grid-column-cell-field {
682
- border-width: 1px;
684
+ border-width: 1px 0 0;
683
685
  border-radius: 0;
684
- padding: 5px 10px;
686
+ padding: 5px 15px;
685
687
  border-color: #DCE4EA;
686
688
  gap: 5px;
687
689
 
@@ -767,5 +769,9 @@
767
769
  font-size: 11px;
768
770
  top: -20px;
769
771
  }
772
+
773
+ .show-external-stock {
774
+ margin: 20px 0;
775
+ }
770
776
  }
771
777
  }
@@ -1,8 +1,9 @@
1
- $sc-stock-info-margin: 4px 0 20px 0 !default;
2
- $sc-stock-info-padding: 15px 10px !default;
3
- $sc-stock-info-border-width: 4px 0 !default;
1
+ $sc-stock-info-margin: 0 !default;
2
+ $sc-stock-info-padding: 0 1px 15px 10px !default;
3
+ $sc-stock-info-border-width: 0 !default;
4
4
  $sc-stock-info-border-color: #F4F4F9 !default;
5
5
  $sc-stock-gap: 10px !default;
6
+ $sc-stock-info-row-width: 260px !default;
6
7
  $sc-stock-border-left: none !default;
7
8
  $sc-stock-line-margin: 10px 0 20px 0 !default;
8
9
  $sc-stock-line-font-weight: bold !default;
@@ -17,7 +18,7 @@ $sc-stock-grid-margin: 0 0 0 0 !default;
17
18
  $sc-stock-simple-grid-column-header-wrapper-border-bottom: 1px solid black !default;
18
19
  $sc-stock-info-container-max-width: 100% !default;
19
20
  $sc-stock-info-container-width: 100% !default;
20
- $sc-stock-info-container-padding: 40px 0 0 0 !default;
21
+ $sc-stock-info-container-padding: 0 0 0 0 !default;
21
22
  $sc-stock-info-container-height: 100% !default;
22
23
  $sc-stock-image-height: 50px !default;
23
24
  $sc-stock-grid-height: 300px !default;
@@ -26,3 +27,6 @@ $sc-stock-info-width: 100% !default;
26
27
  $sc-stock-info-gap: 30px !default;
27
28
  $sc-stock-image-width: 20px !default;
28
29
  $sc-stock-transfer-column-width: 100% !default;
30
+ $sc-stock-tabs-padding: 15px 30px !default;
31
+ $sc-stock-tabs-background: #F8F8Fa !default;
32
+ $sc-stock-tabs-gap: 20px !default;
@@ -6,9 +6,6 @@
6
6
  font-size: $sc-font-size;
7
7
  gap: $sc-tab-bar-gap;
8
8
  padding: $sc-tab-bar-padding;
9
- position: absolute;
10
- top: 10px;
11
- left: 0;
12
9
  .co-button {
13
10
  margin: $sc-tab-bar-button-margin;
14
11
  padding: $sc-tab-bar-button-padding;
@@ -19,19 +16,21 @@
19
16
  user-select: none;
20
17
  font-size: $sc-font-size;
21
18
  font-family: $sc-font-family;
22
- border-bottom: 2px solid transparent;
19
+ height: auto;
23
20
  span {
24
21
  font-size: $sc-font-size;
25
22
  text-align: center;
26
- font-weight: bold;
23
+ font-weight: 500;
27
24
  color: $sc-color-font;
25
+ text-transform: uppercase;
28
26
  }
29
27
  &:hover {
30
28
  filter: brightness(100%);
31
29
  }
32
30
  &.active {
31
+ background-color: #212437;
33
32
  span {
34
- color: #1A73E8;
33
+ color: #FFFFFF;
35
34
  }
36
35
  }
37
36
  }
@@ -40,15 +39,19 @@
40
39
  .tab-bar {
41
40
  display: flex;
42
41
  justify-content: center;
43
- align-items: center;
42
+ align-items: flex-start;
44
43
  flex-direction: column;
45
44
  gap: 10px;
46
45
  }
47
46
 
48
47
  .tab-bar-wrapper {
49
- display: grid;
50
- grid-template-columns: 15% 70% 15%;
51
- margin: 5px 0;
48
+ display: flex;
49
+ gap: 5px;
50
+ justify-content: space-between;
51
+ margin: $sc-tab-bar-wrapper-margin;
52
+ padding: $sc-tab-bar-wrapper-padding;
53
+ width: 100%;
54
+ border-bottom: 2px solid #FFF;
52
55
  }
53
56
 
54
57
  .secondary-tab-bar {
@@ -60,7 +63,7 @@
60
63
  padding: $sc-tab-bar-padding;
61
64
  .co-button {
62
65
  margin: $sc-tab-bar-button-margin;
63
- padding: $sc-tab-bar-button-padding;
66
+ padding: 0;
64
67
  border-radius: $sc-tab-bar-border-radius;
65
68
  border: none;
66
69
  background-color: transparent;
@@ -68,17 +71,21 @@
68
71
  user-select: none;
69
72
  font-size: $sc-font-size;
70
73
  font-family: $sc-font-family;
71
- border-bottom: 2px solid transparent;
74
+ height: auto;
72
75
  span {
73
76
  font-size: $sc-font-size;
74
77
  text-align: center;
75
- font-weight: bold;
78
+ text-transform: uppercase;
79
+ font-weight: 500;
76
80
  color: $sc-color-font;
81
+ padding: $sc-tab-bar-button-padding;
77
82
  }
78
83
 
79
84
  &.active {
80
- background-color: white;
81
- border-bottom: 2px solid #1A73E8;
85
+ background-color: #212437;
86
+ span {
87
+ color: #FFF;
88
+ }
82
89
  }
83
90
  }
84
91
  }
@@ -1,6 +1,8 @@
1
- $sc-tab-bar-border-radius: 0 !default;
1
+ $sc-tab-bar-border-radius: 10px !default;
2
2
  $sc-tab-bar-background-color: transparent !default;
3
3
  $sc-tab-bar-gap: 25px !default;
4
4
  $sc-tab-bar-padding: 0 !default;
5
- $sc-tab-bar-button-padding: 5px 0 9px 0 !default;
5
+ $sc-tab-bar-button-padding: 5px 10px !default;
6
6
  $sc-tab-bar-button-margin: 0 !default;
7
+ $sc-tab-bar-wrapper-margin: 5px 0 15px 0 !default;
8
+ $sc-tab-bar-wrapper-padding: 0 0 15px 0 !default;
@@ -42,6 +42,7 @@
42
42
  box-shadow: $timeline-item-wrapper-box-shadow;
43
43
  background-color: $timeline-item-wrapper-background;
44
44
  min-width: $timeline-item-wrapper-min-width;
45
+ min-height: $timeline-item-wrapper-min-height;
45
46
  width: fit-content;
46
47
  }
47
48
  .timeline-item {
@@ -15,6 +15,7 @@ $timeline-item-wrapper-padding: 10px !default;
15
15
  $timeline-item-wrapper-box-shadow: 0 3px 5px 1px #0000001a !default;
16
16
  $timeline-item-wrapper-background: #FFFFFF !default;
17
17
  $timeline-item-wrapper-min-width: 50% !default;
18
+ $timeline-item-wrapper-min-height: 60px !default;
18
19
  $timeline-item-gap: 15px !default;
19
20
  $timeline-item-date-font-size: 9px !default;
20
21
  $timeline-item-date-gap: 15px !default;
@@ -5,6 +5,7 @@ $sc-font-family-digital: 'digital-7regular' !default;
5
5
  //$sc-font-size: 10px !default;
6
6
  $sc-font-size: 12px !default;
7
7
  $sc-font-size-small: 10px !default;
8
+ $sc-font-size-xs: 8px !default;
8
9
 
9
10
  $sc-color-font: #171721 !default;
10
11
  $sc-color-border: #DCE4EA !default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/sharedcomponents",
3
- "version": "300.1.15",
3
+ "version": "300.1.17",
4
4
  "private": false,
5
5
  "dependencies": {
6
6
  "chart.js": "4.3.0",