@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapUnifiedSelect/styles.module.scss.js

@@ -0,0 +1,65 @@
+import './styles.module.css';const disabled = "disabled";
+const styles = {
+  "cap-unified-select-content": "cap-unified-select-content",
+  "cap-unified-select-tree-select-container": "cap-unified-select-tree-select-container",
+  "cap-unified-select-header-wrapper": "cap-unified-select-header-wrapper",
+  disabled,
+  "cap-unified-select-header-label": "cap-unified-select-header-label",
+  "cap-unified-select-header-byline-text": "cap-unified-select-header-byline-text",
+  "cap-unified-select-container": "cap-unified-select-container",
+  "cap-unified-select-suffix-wrapper": "cap-unified-select-suffix-wrapper",
+  "suffix-disabled": "suffix-disabled",
+  "cap-unified-select-suffix-icon": "cap-unified-select-suffix-icon",
+  "cap-tooltip-with-info-icon": "cap-tooltip-with-info-icon",
+  "cap-unified-tree-select": "cap-unified-tree-select",
+  "cap-unified-tree-select-readonly": "cap-unified-tree-select-readonly",
+  "cap-unified-select-more-text": "cap-unified-select-more-text",
+  "cap-unified-select-status": "cap-unified-select-status",
+  "cap-unified-select-popup": "cap-unified-select-popup",
+  "cap-unified-select-search-container": "cap-unified-select-search-container",
+  "cap-unified-select-search-icon": "cap-unified-select-search-icon",
+  "cap-unified-select-select-all-container": "cap-unified-select-select-all-container",
+  "cap-unified-select-select-all-checkbox": "cap-unified-select-select-all-checkbox",
+  "cap-unified-select-upload-container": "cap-unified-select-upload-container",
+  "cap-unified-select-upload-icon": "cap-unified-select-upload-icon",
+  "cap-unified-select-upload-label": "cap-unified-select-upload-label",
+  "cap-unified-select-confirm-container": "cap-unified-select-confirm-container",
+  "cap-unified-select-confirm-button-group": "cap-unified-select-confirm-button-group",
+  "cap-unified-select-confirm-button": "cap-unified-select-confirm-button",
+  "cap-unified-select-cancel-button": "cap-unified-select-cancel-button",
+  "cap-unified-select-selected-count": "cap-unified-select-selected-count",
+  "cap-unified-select-tree-clear-container": "cap-unified-select-tree-clear-container",
+  "cap-unified-select-tree-clear-label": "cap-unified-select-tree-clear-label",
+  "cap-unified-select-footer-download-container": "cap-unified-select-footer-download-container",
+  "cap-unified-select-footer-download-icon": "cap-unified-select-footer-download-icon",
+  "cap-unified-select-footer-download-label": "cap-unified-select-footer-download-label",
+  "cap-unified-select-no-result": "cap-unified-select-no-result",
+  "cap-unified-select-no-result-text": "cap-unified-select-no-result-text",
+  "cap-unified-select-loading-container": "cap-unified-select-loading-container",
+  "cap-unified-select-loading-more": "cap-unified-select-loading-more",
+  "cap-unified-select-menu-wrapper": "cap-unified-select-menu-wrapper",
+  "cap-unified-select-loading-overlay": "cap-unified-select-loading-overlay",
+  "cap-unified-select-option-with-suffix": "cap-unified-select-option-with-suffix",
+  "cap-unified-select-option-label": "cap-unified-select-option-label",
+  "truncate-text": "truncate-text",
+  "option-enabled": "option-enabled",
+  "option-disabled": "option-disabled",
+  "cap-unified-select-option-end": "cap-unified-select-option-end",
+  "cap-unified-select-option-suffix": "cap-unified-select-option-suffix",
+  "cap-tooltip-with-info": "cap-tooltip-with-info",
+  "cap-icon": "cap-icon",
+  "cap-unified-select-more-text-label": "cap-unified-select-more-text-label",
+  "cap-unified-select-more-text-disabled": "cap-unified-select-more-text-disabled",
+  "cap-unified-select-more-text-label-disabled": "cap-unified-select-more-text-label-disabled",
+  "cap-unified-select-disabled-tooltip": "cap-unified-select-disabled-tooltip",
+  "cap-unified-select-tooltip-loading": "cap-unified-select-tooltip-loading",
+  "cap-unified-select-tooltip-error": "cap-unified-select-tooltip-error",
+  "cap-unified-select-tooltip-error-icon": "cap-unified-select-tooltip-error-icon",
+  "cap-unified-select-tooltip-error-text": "cap-unified-select-tooltip-error-text",
+  "cap-unified-select-tooltip-values": "cap-unified-select-tooltip-values",
+  "cap-unified-select-tooltip-value-item": "cap-unified-select-tooltip-value-item"
+};
+export {
+  styles as default,
+  disabled
+};

package/CapUnifiedSelect/styles.scss

@@ -1,25 +1,25 @@
 @import '../styles/_variables';
 
-.cap-unified-select-content_kv3Wg {
+.cap-unified-select-content {
   flex-direction: column;
   gap: $spacing-08;
 }
 
-.cap-unified-select-tree-select-container_bbOjY {
+.cap-unified-select-tree-select-container {
   position: relative;
   width: 100%;
 }
 
-.cap-unified-select-header-wrapper_7b8xv {
+.cap-unified-select-header-wrapper {
   display: flex;
   align-items: center;
 
-  &.disabled_L0xup {
+  &.disabled {
     opacity: 0.5;
     cursor: not-allowed;
   }
 
-  .cap-unified-select-header-label_09XV3 {
+  .cap-unified-select-header-label {
     font-family: $font-family;
     font-weight: $font-weight-medium;
     font-size: 1rem;
@@ -28,7 +28,7 @@
   }
 }
 
-.cap-unified-select-header-byline-text_eTEEY {
+.cap-unified-select-header-byline-text {
   font-family: $font-family;
   font-weight: $font-weight-regular;
   font-size: 0.857rem;
@@ -36,44 +36,44 @@
   color: $cap-g05;
 }
 
-.cap-unified-select-container_nUicM {
+.cap-unified-select-container {
   text-align: justify;
   min-width: 13.786rem;
   width: 100%;
 
-  &.disabled_L0xup {
+  &.disabled {
     cursor: not-allowed;
   }
 
-  &.ant-select-focused {
-    .ant-select-selector {
+  &:global(.ant-select-focused) {
+    :global(.ant-select-selector) {
       border: 0.071rem solid $cap-g01 !important;
     }
   }
 
-  .cap-unified-select-suffix-wrapper_JDFo4 {
+  .cap-unified-select-suffix-wrapper {
     cursor: pointer;
     display: inline-flex;
     align-items: center;
 
-    &.suffix-disabled_7BPAs {
+    &.suffix-disabled {
       cursor: not-allowed;
     }
   }
 
-  .cap-unified-select-suffix-icon_Ul7Bs {
+  .cap-unified-select-suffix-icon {
     color: $cap-g11;
   }
 
-  .cap-tooltip-with-info-icon_fmH-b {
+  .cap-tooltip-with-info-icon {
     margin-top: 0.143rem;
   }
 
-  &.cap-unified-tree-select_zFiZg {
-    &.cap-unified-tree-select-readonly_IHyZl {
+  &.cap-unified-tree-select {
+    &.cap-unified-tree-select-readonly {
       pointer-events: none;
 
-      .cap-unified-select-more-text_DajcZ {
+      .cap-unified-select-more-text {
         pointer-events: auto;
         color: unset !important;
       }
@@ -86,7 +86,7 @@
     }
   }
 
-  &.cap-unified-tree-select-readonly_IHyZl {
+  &.cap-unified-tree-select-readonly {
     :global {
       .ant-select-selector {
         background-color: $cap-white;
@@ -100,16 +100,16 @@
       }
     }
 
-    &.ant-select-outlined {
-      &:hover .ant-select-selector,
-      &:active .ant-select-selector,
-      &:focus .ant-select-selector {
+    &:global(.ant-select-outlined) {
+      &:hover :global(.ant-select-selector),
+      &:active :global(.ant-select-selector),
+      &:focus :global(.ant-select-selector) {
         border-color: $cap-g08 !important;
       }
     }
   }
 
-  .cap-unified-select-status_yO0Pe {
+  .cap-unified-select-status {
     color: $cap-red;
   }
 
@@ -167,8 +167,8 @@
       max-width: calc(100% - 7rem) !important;
     }
 
-    .ant-select-disabled {
-      .ant-select-prefix {
+    :global(.ant-select-disabled) {
+      :global(.ant-select-prefix) {
         color: unset !important;
       }
     }
@@ -216,29 +216,29 @@
 }
 
 /* Scoped global overrides for Ant Design - only affects CapUnifiedSelect */
-.cap-unified-select-popup_wkclG {
-  .cap-unified-select-search-container_ukezO {
+.cap-unified-select-popup {
+  .cap-unified-select-search-container {
     border-bottom: 0.071rem solid $cap-g08 !important;
     line-height: 2.857rem !important;
 
-    .cap-unified-select-search-icon_Hqxnd {
+    .cap-unified-select-search-icon {
       color: $cap-g06;
     }
   }
 
-  .cap-unified-select-select-all-container_nTFmw {
+  .cap-unified-select-select-all-container {
     padding: 0.643rem 1.071rem;
     display: flex;
     align-items: center;
     border-bottom: 0.071rem solid $cap-g08;
     height: 2.857rem;
 
-    .cap-unified-select-select-all-checkbox_u1uSs {
+    .cap-unified-select-select-all-checkbox {
       display: contents !important;
     }
   }
 
-  .cap-unified-select-upload-container_jC3bb {
+  .cap-unified-select-upload-container {
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -246,17 +246,17 @@
     height: 2.857rem;
     padding-left: $spacing-16;
 
-    .cap-unified-select-upload-icon_SHzMR {
+    .cap-unified-select-upload-icon {
       color: $cap-secondary-base;
     }
 
-    .cap-unified-select-upload-label_hWICe {
+    .cap-unified-select-upload-label {
       margin-left: $spacing-12;
       color: $cap-secondary-base;
     }
   }
 
-  .cap-unified-select-confirm-container_1Mgv0 {
+  .cap-unified-select-confirm-container {
     display: flex;
     align-items: center;
     height: 3.429rem;
@@ -264,13 +264,13 @@
     padding-bottom: 0;
     border-top: 0.071rem solid $cap-g08;
 
-    .cap-unified-select-confirm-button-group_lLpB9 {
+    .cap-unified-select-confirm-button-group {
       display: flex;
       padding-left: $spacing-08;
       align-items: center;
       width: 100%;
 
-      .cap-unified-select-confirm-button_y3NMR {
+      .cap-unified-select-confirm-button {
         background-color: $cap-primary-base;
         height: 2.286rem;
         width: 6.714rem;
@@ -285,13 +285,13 @@
         }
       }
 
-      .cap-unified-select-cancel-button_QVJ5P {
+      .cap-unified-select-cancel-button {
         border: transparent;
         box-shadow: none;
         width: 5.714rem;
       }
 
-      .cap-unified-select-selected-count_0ZC9J {
+      .cap-unified-select-selected-count {
         display: flex;
         margin-left: auto;
         font-size: 0.857rem;
@@ -302,7 +302,7 @@
     }
   }
 
-  .cap-unified-select-tree-clear-container_-sTfl {
+  .cap-unified-select-tree-clear-container {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -315,13 +315,13 @@
       background-color: $cap-g08;
     }
 
-    .cap-unified-select-tree-clear-label_kjbeT {
+    .cap-unified-select-tree-clear-label {
       font-size: 1rem;
       font-weight: $font-weight-regular;
     }
   }
 
-  .cap-unified-select-footer-download-container_McN-4 {
+  .cap-unified-select-footer-download-container {
     cursor: pointer;
     display: flex;
     align-items: center;
@@ -334,7 +334,7 @@
       opacity: 0.8;
     }
 
-    .cap-unified-select-footer-download-icon_xHoxb {
+    .cap-unified-select-footer-download-icon {
       color: $cap-secondary-base;
       display: inline-flex;
       align-items: center;
@@ -343,7 +343,7 @@
       line-height: 1;
     }
 
-    .cap-unified-select-footer-download-label_SOYBE {
+    .cap-unified-select-footer-download-label {
       color: $cap-secondary-base;
       font-family: Roboto, sans-serif;
       font-weight: $font-weight-regular;
@@ -357,7 +357,7 @@
     }
   }
 
-  .cap-unified-select-no-result_L6Jld {
+  .cap-unified-select-no-result {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -366,12 +366,12 @@
     color: $cap-g05;
     font-size: 1rem;
 
-    .cap-unified-select-no-result-text_8M-rx {
+    .cap-unified-select-no-result-text {
       font-weight: 500;
     }
   }
 
-  .cap-unified-select-loading-container_9LV0V {
+  .cap-unified-select-loading-container {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -381,7 +381,7 @@
     gap: 0.571rem;
   }
 
-  .cap-unified-select-loading-more_i1up0 {
+  .cap-unified-select-loading-more {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -390,12 +390,12 @@
     color: $cap-g05;
   }
 
-  .cap-unified-select-menu-wrapper_IFDJO {
+  .cap-unified-select-menu-wrapper {
     position: relative;
     width: 100%;
   }
 
-  .cap-unified-select-loading-overlay_FxUKC {
+  .cap-unified-select-loading-overlay {
     position: absolute;
     top: 0;
     left: 0;
@@ -411,7 +411,7 @@
     color: $cap-g05;
   }
 
-  .cap-unified-select-option-with-suffix_u-e00 {
+  .cap-unified-select-option-with-suffix {
     display: flex;
     justify-content: start;
     align-items: center;
@@ -421,36 +421,36 @@
     vertical-align: middle;
     flex: 100;
 
-    .cap-unified-select-option-label_cUMpJ {
+    .cap-unified-select-option-label {
       display: flex;
       align-items: center;
       min-width: 0;
       flex: 95;
 
-      .truncate-text_uft-E {
+      .truncate-text {
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
         width: 100%;
 
-        &.option-enabled_j-LtD {
+        &.option-enabled {
           color: $cap-g01 !important;
         }
 
-        &.option-disabled_2-1TW {
+        &.option-disabled {
           color: $cap-g06 !important;
         }
       }
     }
 
-    .cap-unified-select-option-end_gtTiS {
+    .cap-unified-select-option-end {
       display: flex;
       align-items: center;
       gap: $spacing-08;
       flex: 5 0 0;
     }
 
-    .cap-unified-select-option-suffix_ZUUVs {
+    .cap-unified-select-option-suffix {
       display: flex;
       align-items: center;
       padding: 0 $spacing-08;
@@ -458,12 +458,12 @@
       white-space: nowrap;
     }
 
-    .cap-tooltip-with-info_mEZuB {
-      .cap-tooltip-with-info-icon_fmH-b {
+    .cap-tooltip-with-info {
+      .cap-tooltip-with-info-icon {
         margin-top: 0.357rem;
         color: $cap-g03;
 
-        .cap-icon_lq7hP {
+        .cap-icon {
           color: $cap-g03;
         }
       }
@@ -489,8 +489,8 @@
         line-height: $cap-space-20 !important;
         font-size: $font-size-m !important;
 
-        .cap-unified-select-option-label_cUMpJ {
-          .truncate-text_uft-E {
+        :local(.cap-unified-select-option-label) {
+          :local(.truncate-text) {
             color: $cap-g06 !important;
           }
         }
@@ -526,10 +526,10 @@
           background-color: $bg-09;
         }
 
-        .cap-unified-select-option-label_cUMpJ {
+        :local(.cap-unified-select-option-label) {
           color: $cap-g01;
 
-          .truncate-text_uft-E {
+          :local(.truncate-text) {
             color: $cap-g01 !important;
           }
         }
@@ -541,15 +541,15 @@
 
       .ant-select-tree-treenode-disabled {
         cursor: not-allowed !important;
-        .cap-unified-select-option-label_cUMpJ {
+        :local(.cap-unified-select-option-label) {
           color: $cap-g06;
 
-          .truncate-text_uft-E {
+          :local(.truncate-text) {
             color: $cap-g06 !important;
           }
         }
 
-        .cap-icon_lq7hP {
+        :local(.cap-icon) {
           color: $cap-g06 !important;
         }
       }
@@ -720,7 +720,7 @@
   }
 }
 
-.cap-unified-select-more-text_DajcZ {
+.cap-unified-select-more-text {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -733,7 +733,7 @@
   pointer-events: auto;
   padding-left: $spacing-08;
 
-  .cap-unified-select-more-text-label_yVwog {
+  .cap-unified-select-more-text-label {
     padding-right: $spacing-08;
     &:hover {
       color: $font-color-05 !important;
@@ -741,11 +741,11 @@
   }
 }
 
-.cap-unified-select-more-text-disabled_nGZjM {
+.cap-unified-select-more-text-disabled {
   cursor: not-allowed;
   color: $cap-g05;
 
-  .cap-unified-select-more-text-label-disabled_6-aGb {
+  .cap-unified-select-more-text-label-disabled {
     cursor: pointer;
     color: $cap-g05 !important;
 
@@ -755,8 +755,8 @@
   }
 }
 
-.cap-unified-select-disabled-tooltip_BiLcc {
-  .ant-tooltip-inner {
+.cap-unified-select-disabled-tooltip {
+  :global(.ant-tooltip-inner) {
     background-color: $cap-g01 !important;
     border-radius: $radius-04;
     padding: $cap-space-12 $cap-space-20;
@@ -764,13 +764,13 @@
     overflow-y: auto;
   }
 
-  .ant-tooltip-arrow {
+  :global(.ant-tooltip-arrow) {
     &::before {
       background-color: $cap-g01 !important;
     }
   }
 
-  .cap-unified-select-tooltip-loading_MkpvZ {
+  .cap-unified-select-tooltip-loading {
     display: flex;
     flex-direction: column;
     min-width: 14.571rem;
@@ -799,7 +799,7 @@
     }
   }
 
-  .cap-unified-select-tooltip-error_tU-Pz {
+  .cap-unified-select-tooltip-error {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -808,11 +808,11 @@
     min-width: 14.571rem;
     min-height: 14.571rem;
 
-    .cap-unified-select-tooltip-error-icon_s-s61 {
+    .cap-unified-select-tooltip-error-icon {
       color: $cap-g05;
     }
 
-    .cap-unified-select-tooltip-error-text_Jsml1 {
+    .cap-unified-select-tooltip-error-text {
       color: $cap-g05;
       font-family: $font-family;
       font-weight: $font-weight-regular;
@@ -822,14 +822,14 @@
     }
   }
 
-  .cap-unified-select-tooltip-values_yGw4U {
+  .cap-unified-select-tooltip-values {
     display: flex;
     flex-direction: column;
     gap: $spacing-08;
     min-width: 14.571rem;
     max-height: 14.571rem;
 
-    .cap-unified-select-tooltip-value-item_zt0YM {
+    .cap-unified-select-tooltip-value-item {
       color: $cap-white;
       font-family: $font-family;
       font-weight: $font-weight-medium;