@colijnit/transaction 301.1.10 → 301.1.12

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/component/delivery-planning-tile-status/style/_material-definition.scss

@@ -0,0 +1,12 @@
+$tp-delivery-planning-tile-status-bar-height: 24px !default;
+$tp-delivery-planning-tile-status-bar-min-width: 90px !default;
+$tp-delivery-planning-tile-status-bar-border-radius: 0 !default;
+$tp-delivery-planning-tile-status-bar-font-size: $tp-font-size !default;
+$tp-delivery-planning-tile-status-bar-color: #FFF !default;
+$tp-delivery-planning-tile-status-volume-color: #1A73E8 !default;
+$tp-delivery-planning-tile-status-volume-background: rgba($tp-delivery-planning-tile-status-volume-color, 0.4) !default;
+$tp-delivery-planning-tile-status-time-color: #1A73E8 !default;
+$tp-delivery-planning-tile-status-time-background: rgba($tp-delivery-planning-tile-status-time-color, 0.4) !default;
+$tp-delivery-planning-tile-status-overload-color: $tp-color-negative-value !default;
+$tp-delivery-planning-tile-status-label-font-size: $tp-font-size-small !default;
+$tp-delivery-planning-tile-status-label-marker-color: #ccc !default;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/style/_layout.scss

@@ -1,8 +1,18 @@
 @include export-module('cc-delivery-planning-overview-tile-layout') {
-  @import "../../delivery-planning-overview-tile-settings-popup/style/material";
   .co-delivery-planning-overview-tile {
     &.disabled {
-      opacity: 0.2;
+      // Fade what is on the tile, but keep its buttons (settings, warnings) readable and clickable:
+      // an opacity on the whole tile would apply to those buttons too.
+      .delivery-planning-overview-tile-wrapper {
+        border-color: $tp-delivery-planning-overview-tile-disabled-border-color;
+
+        .header-tile-wrapper,
+        co-delivery-planning-tile-status,
+        .planning-short-line-wrapper,
+        co-collapsible {
+          opacity: $tp-delivery-planning-overview-tile-disabled-opacity;
+        }
+      }
     }
 
     display: flex;
@@ -26,20 +36,33 @@
     }
 
     .delivery-planning-overview-tile-wrapper {
-      padding: 15px;
-      border: 1px solid #DCE4EA;
-      border-radius: 4px;
+      padding: $tp-delivery-planning-overview-tile-padding;
+      background: $tp-delivery-planning-overview-tile-background;
+      border: $tp-delivery-planning-overview-tile-border;
+      border-radius: $tp-delivery-planning-overview-tile-border-radius;
       width: 100%;
 
       &.selected {
-        border: 1px solid rgba($color-action, 0.5);
+        border: $tp-delivery-planning-overview-tile-selected-border;
       }
 
       .planning-wrapper {
         .status-wrapper {
           .co-icon {
-            width: 20px;
-            height: 20px;
+            width: $tp-delivery-planning-overview-tile-status-icon-size;
+            height: $tp-delivery-planning-overview-tile-status-icon-size;
+          }
+
+          .warning-icon {
+            box-sizing: border-box;
+            padding: $tp-delivery-planning-overview-tile-warning-icon-padding;
+            border-radius: 50%;
+            background: $tp-delivery-planning-overview-tile-warning-icon-background;
+            cursor: pointer;
+
+            svg, path {
+              fill: $tp-delivery-planning-overview-tile-warning-icon-color;
+            }
           }
         }
 
@@ -59,12 +82,12 @@
           gap: 5px;
           cursor: pointer;
           span {
-            font-weight: bold;
-            font-size: 14px;
+            font-weight: $tp-delivery-planning-overview-tile-title-font-weight;
+            font-size: $tp-delivery-planning-overview-tile-title-font-size;
           }
           co-icon {
-            width: 20px;
-            height: 20px;
+            width: $tp-delivery-planning-overview-tile-title-icon-size;
+            height: $tp-delivery-planning-overview-tile-title-icon-size;
           }
         }
         .truck-header-tile {
@@ -74,15 +97,15 @@
           justify-content: end;
           gap: 0.5em;
           .co-icon {
-            width: 40px;
-            height: 40px;
+            width: $tp-delivery-planning-overview-tile-truck-icon-size;
+            height: $tp-delivery-planning-overview-tile-truck-icon-size;
 
             path.fa-secondary {
-              fill: #000;
-              opacity: 0.2;
+              fill: $tp-delivery-planning-overview-tile-truck-icon-secondary-color;
+              opacity: $tp-delivery-planning-overview-tile-truck-icon-secondary-opacity;
             }
             path.fa-primary {
-              fill: #1a73e8;
+              fill: $tp-delivery-planning-overview-tile-truck-icon-primary-color;
             }
           }
         }
@@ -94,11 +117,11 @@
         gap: 10px;
         justify-content: start;
         span {
-          font-size: 12px;
+          font-size: $tp-delivery-planning-overview-tile-header-button-font-size;
         }
         .button-text {
           &.selected {
-            color: #1A73E8;
+            color: $tp-delivery-planning-overview-tile-header-button-selected-color;
             padding-bottom: 0.25em;
             border-bottom-style: solid;
             border-bottom-width: 1px;
@@ -107,17 +130,17 @@
         }
       }
       .route-start-wrapper {
-        background-color: #F5F5FA;
+        background-color: $tp-delivery-planning-overview-tile-route-background;
         padding: 10px;
         display: flex;
         flex-direction: row;
         gap: 1em;
         span {
-          color: $color-action-accent;
+          color: $tp-delivery-planning-overview-tile-route-color;
           text-align: center;
         }
         .first-route, .second-route {
-          border-right: 1px solid #6E7694;
+          border-right: $tp-delivery-planning-overview-tile-route-divider;
           padding-right: 1em;
         }
       }
@@ -154,11 +177,11 @@
     }
 
     .normal-drop-zone.is-active::after {
-      background: #3b82f6; /* or your theme primary */
+      background: $tp-delivery-planning-overview-tile-drop-zone-active-line-color;
     }
 
     .normal-drop-zone.is-active {
-      background: rgba(59, 130, 246, 0.08);
+      background: $tp-delivery-planning-overview-tile-drop-zone-active-background;
     }
     .co-hour-scheduling-expandable {
       .scheduled-objects {
@@ -167,7 +190,7 @@
             .planning-line-wrapper {
               background: transparent;
               &.active-lines {
-                background: #F5F5FC;
+                background: $tp-delivery-planning-overview-tile-scheduled-line-active-background;
               }
             }
           }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/style/_material-definition.scss

@@ -1,4 +1,26 @@
-$status-first-colour: #1A73E8;
-$status-second-colour: #1A73E8;
-$status-overload-colour: #C1002A;
-$color-action-accent: #8083A3;
+$tp-delivery-planning-overview-tile-padding: 15px !default;
+$tp-delivery-planning-overview-tile-background: transparent !default;
+$tp-delivery-planning-overview-tile-border: 1px solid $tp-color-border !default;
+$tp-delivery-planning-overview-tile-border-radius: 4px !default;
+$tp-delivery-planning-overview-tile-selected-border: 1px solid rgba($tp-color-action, 0.5) !default;
+$tp-delivery-planning-overview-tile-disabled-border-color: rgba($tp-color-border, 0.2) !default;
+$tp-delivery-planning-overview-tile-disabled-opacity: 0.2 !default;
+$tp-delivery-planning-overview-tile-status-icon-size: 20px !default;
+$tp-delivery-planning-overview-tile-warning-icon-background: #F2A900 !default;
+$tp-delivery-planning-overview-tile-warning-icon-color: #fff !default;
+$tp-delivery-planning-overview-tile-warning-icon-padding: 3px !default;
+$tp-delivery-planning-overview-tile-title-font-size: $tp-font-size-big !default;
+$tp-delivery-planning-overview-tile-title-font-weight: bold !default;
+$tp-delivery-planning-overview-tile-title-icon-size: 20px !default;
+$tp-delivery-planning-overview-tile-truck-icon-size: 40px !default;
+$tp-delivery-planning-overview-tile-truck-icon-primary-color: #1a73e8 !default;
+$tp-delivery-planning-overview-tile-truck-icon-secondary-color: #000 !default;
+$tp-delivery-planning-overview-tile-truck-icon-secondary-opacity: 0.2 !default;
+$tp-delivery-planning-overview-tile-header-button-font-size: $tp-font-size !default;
+$tp-delivery-planning-overview-tile-header-button-selected-color: $tp-color-action !default;
+$tp-delivery-planning-overview-tile-route-background: #F5F5FA !default;
+$tp-delivery-planning-overview-tile-route-color: #8083A3 !default;
+$tp-delivery-planning-overview-tile-route-divider: 1px solid #6E7694 !default;
+$tp-delivery-planning-overview-tile-drop-zone-active-line-color: #3b82f6 !default;
+$tp-delivery-planning-overview-tile-drop-zone-active-background: rgba(59, 130, 246, 0.08) !default;
+$tp-delivery-planning-overview-tile-scheduled-line-active-background: $tp-default-background-accent !default;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile/style/material.scss

@@ -1,4 +1,4 @@
-
 @import "./material-definition";
+@import "../../delivery-planning-overview-tile-settings-popup/style/material";
 @import "./layout";
 @import "./theme";

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile-settings-popup/style/_layout.scss

@@ -19,21 +19,21 @@
         gap: 1em;
       }
       .co-icon {
-        width: 40px;
-        height: 40px;
+        width: $tp-delivery-planning-overview-tile-settings-popup-header-icon-size;
+        height: $tp-delivery-planning-overview-tile-settings-popup-header-icon-size;
 
         &.small {
-          width: 20px;
-          height: 20px;
+          width: $tp-delivery-planning-overview-tile-settings-popup-header-icon-small-size;
+          height: $tp-delivery-planning-overview-tile-settings-popup-header-icon-small-size;
         }
 
         path.fa-secondary {
-          fill: #000;
-          opacity: 0.2;
+          fill: $tp-delivery-planning-overview-tile-settings-popup-header-icon-secondary-color;
+          opacity: $tp-delivery-planning-overview-tile-settings-popup-header-icon-secondary-opacity;
         }
 
         path.fa-primary {
-          fill: #1a73e8;
+          fill: $tp-delivery-planning-overview-tile-settings-popup-header-icon-primary-color;
         }
       }
     }
@@ -49,14 +49,14 @@
           padding: 0.5em;
 
           co-icon {
-            border-radius: 16px;
-            fill: black;
-            border: 1px solid black;
+            border-radius: $tp-delivery-planning-overview-tile-settings-popup-available-icon-border-radius;
+            fill: $tp-delivery-planning-overview-tile-settings-popup-available-icon-color;
+            border: $tp-delivery-planning-overview-tile-settings-popup-available-icon-border;
             background: none;
 
             &.active {
-              fill: lightgreen;
-              border: 2px solid lightgreen;
+              fill: $tp-delivery-planning-overview-tile-settings-popup-available-icon-active-color;
+              border: $tp-delivery-planning-overview-tile-settings-popup-available-icon-active-border;
             }
           }
         }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/component/delivery-planning-overview-tile-settings-popup/style/_material-definition.scss

@@ -0,0 +1,10 @@
+$tp-delivery-planning-overview-tile-settings-popup-header-icon-size: 40px !default;
+$tp-delivery-planning-overview-tile-settings-popup-header-icon-small-size: 20px !default;
+$tp-delivery-planning-overview-tile-settings-popup-header-icon-primary-color: #1a73e8 !default;
+$tp-delivery-planning-overview-tile-settings-popup-header-icon-secondary-color: #000 !default;
+$tp-delivery-planning-overview-tile-settings-popup-header-icon-secondary-opacity: 0.2 !default;
+$tp-delivery-planning-overview-tile-settings-popup-available-icon-color: black !default;
+$tp-delivery-planning-overview-tile-settings-popup-available-icon-border: 1px solid black !default;
+$tp-delivery-planning-overview-tile-settings-popup-available-icon-border-radius: 16px !default;
+$tp-delivery-planning-overview-tile-settings-popup-available-icon-active-color: lightgreen !default;
+$tp-delivery-planning-overview-tile-settings-popup-available-icon-active-border: 2px solid lightgreen !default;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/style/_layout.scss

@@ -1,7 +1,12 @@
 @include export-module('cc-delivery-planning-overview-layout') {
-  @import "../component/delivery-planning-overview-popup/style/material";
   .co-delivery-planning-overview {
 
+    .planning-warnings {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+    }
+
     .delivery-planning-wrapper {
       pointer-events: auto;
       &.employee-view {
@@ -32,12 +37,12 @@
           }
           @media screen and (max-width: 1280px) {
             .weekday-value {
-              font-size: 14px;
+              font-size: $tp-delivery-planning-overview-weekday-font-size-medium;
             }
           }
           @media screen and (max-width: 960px) {
             .weekday-value {
-              font-size: 12px;
+              font-size: $tp-delivery-planning-overview-weekday-font-size-small;
             }
           }
         }
@@ -98,14 +103,14 @@
     right: 10px;
     gap: 5px;
     co-icon {
-      fill: black;
+      fill: $tp-delivery-planning-overview-view-mode-icon-color;
       cursor: pointer;
-      padding: 5px;
-      width: 30px;
-      height: 30px;
+      padding: $tp-delivery-planning-overview-view-mode-icon-padding;
+      width: $tp-delivery-planning-overview-view-mode-icon-size;
+      height: $tp-delivery-planning-overview-view-mode-icon-size;
       &.active {
-        background: $color-action;
-        fill: white;
+        background: $tp-delivery-planning-overview-view-mode-icon-active-background;
+        fill: $tp-delivery-planning-overview-view-mode-icon-active-color;
       }
     }
   }

package/lib/component/delivery-planning-main/component/delivery-planning-overview/style/_material-definition.scss

@@ -1 +1,7 @@
-$color-action: #1A73E8;
+$tp-delivery-planning-overview-weekday-font-size-medium: 14px !default;
+$tp-delivery-planning-overview-weekday-font-size-small: 12px !default;
+$tp-delivery-planning-overview-view-mode-icon-size: 30px !default;
+$tp-delivery-planning-overview-view-mode-icon-padding: 5px !default;
+$tp-delivery-planning-overview-view-mode-icon-color: black !default;
+$tp-delivery-planning-overview-view-mode-icon-active-background: $tp-color-action !default;
+$tp-delivery-planning-overview-view-mode-icon-active-color: white !default;

package/lib/component/delivery-planning-main/component/delivery-planning-overview/style/material.scss

@@ -1,4 +1,5 @@
 @import "../../../../../style/mixin";
 @import "./_material-definition";
+@import "../component/delivery-planning-overview-popup/style/material";
 @import "./_layout";
 @import "./_theme";

package/lib/component/delivery-planning-main/component/delivery-planning-selection/style/_layout.scss

@@ -21,22 +21,22 @@
         }
       }
       .planning-title {
-        font-weight: bold;
-        font-size: 18px;
+        font-weight: $tp-delivery-planning-selection-title-font-weight;
+        font-size: $tp-delivery-planning-selection-title-font-size;
         padding: 0 10px;
       }
       co-icon {
-        background: #f5f5fa;
-        border-radius: 100%;
-        width: 25px;
-        height: 25px;
+        background: $tp-delivery-planning-selection-icon-background;
+        border-radius: $tp-delivery-planning-selection-icon-border-radius;
+        width: $tp-delivery-planning-selection-icon-size;
+        height: $tp-delivery-planning-selection-icon-size;
         transition: 0.25s ease-in-out;
         transform: rotate(0deg);
       }
 
       .options-wrapper {
         z-index: 999;
-        background-color: white;
+        background-color: $tp-delivery-planning-selection-options-background;
       }
     }
   }

package/lib/component/delivery-planning-main/component/delivery-planning-selection/style/_material-definition.scss

@@ -0,0 +1,6 @@
+$tp-delivery-planning-selection-title-font-size: 18px !default;
+$tp-delivery-planning-selection-title-font-weight: bold !default;
+$tp-delivery-planning-selection-icon-size: 25px !default;
+$tp-delivery-planning-selection-icon-background: #f5f5fa !default;
+$tp-delivery-planning-selection-icon-border-radius: 100% !default;
+$tp-delivery-planning-selection-options-background: white !default;

package/lib/component/delivery-planning-main/style/_layout.scss

@@ -1,5 +1,4 @@
 @include export-module('cc-delivery-planning-main-layout') {
-  @import "../component/delivery-planning-overview/style/material";
   .co-delivery-planning {
     .row {
       .co-delivery-planning-main {

package/lib/component/delivery-planning-main/style/material.scss

@@ -1,4 +1,5 @@
 @import "../../../style/mixin";
 @import "./_material-definition";
+@import "../component/delivery-planning-overview/style/material";
 @import "./_layout";
 @import "./_theme";

package/lib/component/dialog/transaction-header/dialog-transaction-header-price-list/style/_layout.scss

@@ -0,0 +1,11 @@
+@include export-module('co-dialog-transaction-header-price-list-layout') {
+  .co-dialog-transaction-header-price-list {
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
+      width: $tp-dialog-transaction-header-price-list-min-width;
+    }
+    .co-dialog .dialog-content {
+      max-height: $tp-dialog-transaction-header-price-list-height;
+      height: $tp-dialog-transaction-header-price-list-height;
+    }
+  }
+}

package/lib/component/dialog/transaction-header/dialog-transaction-header-price-list/style/_material-definition.scss

@@ -0,0 +1,2 @@
+$tp-dialog-transaction-header-price-list-min-width: 410px !default;
+$tp-dialog-transaction-header-price-list-height: 400px !default;

package/lib/component/dialog/transaction-header/dialog-transaction-header-price-list/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-dialog-transaction-header-price-list-theme') {
+  .co-dialog-transaction-header-price-list {
+  }
+}

package/lib/component/transaction-header-fields/transaction-header-price-list-button/style/_layout.scss

@@ -0,0 +1,20 @@
+@include export-module('co-transaction-header-price-list-button-layout') {
+  .co-transaction-header-price-list-button {
+    height: 40px;
+
+    .co-transaction-button {
+      height: 40px;
+    }
+
+    .co-dialog:not(.is-mobile) .co-dialog-wrapper.payment-dialog {
+      width: 900px;
+      height: 600px;
+      //.dialog-content {
+      //  display: flex;
+      //  flex-direction: column;
+      //  overflow: hidden;
+      //  height: 100%;
+      //}
+    }
+  }
+}

package/lib/component/transaction-header-fields/transaction-header-price-list-button/style/_material-definition.scss

@@ -0,0 +1 @@
+

package/lib/component/transaction-header-fields/transaction-header-price-list-button/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-header-price-list-button-theme') {
+  .co-transaction-header-price-list-button {
+  }
+}

package/lib/component/{delivery-planning-main/component/delivery-planning-plan-order-list-tile → transaction-header-fields/transaction-header-price-list-button}/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../../style/mixin";
+@import "../../../../style/mixin";
 @import "./_material-definition";
 @import "./_layout";
 @import "./_theme";

package/lib/component/transaction-line-fields/transaction-line-direct-sell/style/_layout.scss

@@ -4,6 +4,10 @@
       display: flex;
       column-gap: 20px;
       user-select: none;
+
+      .stock-warning {
+        color: $tp-color-error;
+      }
     }
     .warehouse-cc-tab-content-wrapper {
       height: 100%;

package/lib/component/transaction-line-side-panel-default/style/_layout.scss

@@ -30,5 +30,11 @@
         width: auto;
       }
     }
+    .pricelist-button {
+      width: 100%;
+      .transaction-button-label-title-wrapper {
+        align-items: center;
+      }
+    }
   }
 }

package/lib/component/transaction-single-warehouse-batch-amount-grid/style/_layout.scss

@@ -0,0 +1,20 @@
+@include export-module('co-transaction-single-warehouse-batch-amount-layout') {
+  .co-transaction-single-warehouse-batch-amount {
+    width: 100%;
+    padding: 15px;
+
+    .simple-grid-row.correct-amount {
+      background-color: $co-transaction-single-warehouse-batch-amount-color-amount;
+      .simple-grid-column-cell-field {
+        background-color: $co-transaction-single-warehouse-batch-amount-color-amount;
+      }
+    }
+
+    .simple-grid-row.incorrect-amount {
+      background-color: $co-transaction-single-warehouse-batch-amount-color-incorrect-amount;
+      .simple-grid-column-cell-field {
+        background-color: $co-transaction-single-warehouse-batch-amount-color-incorrect-amount;
+      }
+    }
+  }
+}

package/lib/component/transaction-single-warehouse-batch-amount-grid/style/_material-definition.scss

@@ -0,0 +1,3 @@
+$co-transaction-single-warehouse-batch-amount-color-amount: #37c949 !default;
+$co-transaction-single-warehouse-batch-amount-color-incorrect-amount: #FF4141 !default;
+$co-transaction-single-warehouse-batch-amount-grid-cell-border-width: 2px;

package/lib/component/transaction-single-warehouse-batch-amount-grid/style/_theme.scss

@@ -0,0 +1,4 @@
+@include export-module('co-transaction-single-warehouse-batch-amount-theme') {
+  .co-transaction-single-warehouse-batch-amount {
+  }
+}

package/lib/component/{delivery-planning-main/component/delivery-planning-plan-order-list → transaction-single-warehouse-batch-amount-grid}/style/material.scss

@@ -1,4 +1,4 @@
-@import "../../../../../style/mixin";
+@import "../../../style/mixin";
 @import "./_material-definition";
 @import "./_layout";
 @import "./_theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colijnit/transaction",
-  "version": "301.1.10",
+  "version": "301.1.12",
   "description": "Colijn IT transaction module for Angular 20",
   "repository": "npm/npm",
   "author": "Colijn IT",
@@ -19,7 +19,7 @@
     "@colijnit/relationapi": ">=301.1.0 < 302",
     "@colijnit/sharedapi": ">=1.0.20",
     "@colijnit/sharedcomponents": ">=301.1.2 < 302",
-    "@colijnit/transactionapi": ">=301.1.8 < 302"
+    "@colijnit/transactionapi": ">=301.1.9 < 302"
   },
   "dependencies": {
     "tslib": "^2.8.1"

package/lib/component/delivery-planning-main/component/delivery-planning-mode-selection/style/_layout.scss

@@ -1,14 +0,0 @@
-@include export-module('cc-delivery-planning-mode-selection-layout') {
-  .co-delivery-planning-mode-selection {
-    .mode-selection-wrapper {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      justify-content: start;
-      align-items: start;
-      .mode-selection-title {
-        font-weight: bold;
-      }
-    }
-  }
-}

package/lib/component/delivery-planning-main/component/delivery-planning-mode-selection/style/_theme.scss

@@ -1,4 +0,0 @@
-@include export-module('cc-delivery-planning-mode-selection-theme') {
-  .co-delivery-planning-mode-selection {
-  }
-}

package/lib/component/delivery-planning-main/component/delivery-planning-plan-order-list/style/_layout.scss

@@ -1,14 +0,0 @@
-@include export-module('cc-delivery-planning-plan-order-list-layout') {
-  .co-delivery-planning-plan-order-list {
-
-    .orders-wrapper {
-      margin: 8em 0 0 4em;
-      gap: 2em;
-      display: flex;
-      flex-direction: column;
-      width: 200px;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-}

package/lib/component/delivery-planning-main/component/delivery-planning-plan-order-list/style/_theme.scss

@@ -1,4 +0,0 @@
-@include export-module('cc-delivery-planning-plan-order-list-theme') {
-  .co-delivery-planning-plan-order-list {
-  }
-}

package/lib/component/delivery-planning-main/component/delivery-planning-plan-order-list-tile/style/_layout.scss

@@ -1,23 +0,0 @@
-@include export-module('cc-delivery-planning-plan-order-list-tile-layout') {
-  .co-delivery-planning-plan-order-list-tile {
-
-
-    .wrapper {
-
-      border: 1px solid rgba(black, 0.1);
-      border-radius: 8px;
-
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      padding: 1em;
-      span {
-        &.bold {
-          font-weight: bold;
-        }
-        font-size: 12px;
-      }
-    }
-  }
-}

package/lib/component/delivery-planning-main/component/delivery-planning-plan-order-list-tile/style/_theme.scss

@@ -1,5 +0,0 @@
-@include export-module('cc-delivery-planning-plan-order-list-tile-theme') {
-  .co-delivery-planning-plan-order-list-tile {
-
-  }
-}