halleyx-ui-framework 4.1.8 → 4.2.0

package/dist/src/assets/styles/style.css.map

@@ -1,13 +1,13 @@
 {
-    "version": 3,
-    "mappings": "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",
-    "sources": [
-        "variables.scss",
-        "partials/_partials.scss",
-        "partials/_source_content.scss",
-        "partials/variables.scss",
-        "partials/_component_layout.scss"
-    ],
-    "names": [],
-    "file": "style.css"
-}
+  "version": 3,
+  "mappings": "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",
+  "sources": [
+    "variables.scss",
+    "partials/_partials.scss",
+    "partials/_source_content.scss",
+    "partials/variables.scss",
+    "partials/_component_layout.scss"
+  ],
+  "names": [],
+  "file": "style.css"
+}

package/dist/src/assets/styles/switch.scss

@@ -1,231 +1,219 @@
 .switch-containerr-regular {
-    //     width: -moz-fit-content;
-      width: fit-content;
-      // padding: 14px 16px 14px 16px;
-    border: 1px solid var(--hlx-color-primary);
-    box-sizing: border-box;
-    border-radius: 8px;
+  //     width: -moz-fit-content;
+  width: fit-content;
+  // padding: 14px 16px 14px 16px;
+  border: 1px solid var(--hlx-color-primary);
+  box-sizing: border-box;
+  border-radius: 8px;
+  display: flex;
+  flex-direction: row;
+  height: 38px;
+  .switch-item-regular input[type='radio'] {
+    position: absolute;
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  .switch-item-regular input[type='radio']:checked + label {
+    background-color: #007aff;
+    color: #fff;
+  }
+
+  .switch-item-regular {
+    padding: 10px 14px 10px 14px;
+    background: var(--hlx-color-white);
+    text-align: center;
+    cursor: pointer;
+    border-radius: 7px;
     display: flex;
     flex-direction: row;
-    height: 38px;
-    .switch-item-regular input[type="radio"] {
-      position: absolute;
-      opacity: 0;
-      width: 0;
-      height: 0;
-    }
-    
-    
-    .switch-item-regular input[type="radio"]:checked + label {
-      background-color: #007aff;
-      color: #fff;
-    }
-    
-    .switch-item-regular {
-      padding: 10px 14px 10px 14px;
-      background: var(--hlx-color-white);
-      text-align: center;
-      cursor: pointer;
-      border-radius: 7px;
+    align-items: center;
+    justify-content: center;
+
+    font-size: 14px;
+    color: var(--hlx-text-color-primary);
+    // width: 100%;
+
+    .content-regular {
       display: flex;
+      cursor: pointer;
+      font-size: 14px;
       flex-direction: row;
       align-items: center;
       justify-content: center;
-      
-      font-size: 14px;
-      color: var(--hlx-text-color-primary);
-      // width: 100%;
-  
-      .content-regular{
-          display: flex;
-          cursor: pointer;
-          font-size: 14px;
-          flex-direction: row;
-          align-items: center;
-          justify-content: center;
-          i{
-            font-size: var(--hlx-icon-size-sm);
-            margin-right: 8px;
+      i {
+        font-size: var(--hlx-icon-size-sm);
+        margin-right: 8px;
       }
-      }
-  
-    }
-    .noborder{
-      border: none;
-    }
-    .border{
-      border-right: 1px solid var(--hlx-color-primary);
-      border-top-right-radius: 0px;
-      border-bottom-right-radius: 0px;
-      // border: none;
-    }
-    .selected-switch-regular{
-      color: var(--hlx-color-white);
-      background: var(--hlx-color-primary);
-
-      
-    }
-    .noradius{
-      border-radius:0 
-    }
-    .radius{
-    }
-    .noleftradius{
-      border-top-left-radius: 0px;
-      border-bottom-left-radius: 0px;
     }
   }
+  .noborder {
+    border: none;
+  }
+  .border {
+    border-right: 1px solid var(--hlx-color-primary);
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 0px;
+    // border: none;
+  }
+  .selected-switch-regular {
+    color: var(--hlx-color-white);
+    background: var(--hlx-color-primary);
+  }
+  .noradius {
+    border-radius: 0;
+  }
+  // .radius {
+  // }
+  .noleftradius {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+}
 .switch-containerr-tab-top {
-    //     width: -moz-fit-content;
-      width: fit-content;
-      // padding: 14px 16px 14px 16px;
-    // border-top: 1px solid var(--hlx-border-color);
-    box-sizing: border-box;
+  //     width: -moz-fit-content;
+  width: fit-content;
+  // padding: 14px 16px 14px 16px;
+  // border-top: 1px solid var(--hlx-border-color);
+  box-sizing: border-box;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: row;
+  height: 38px;
+  .switch-item-tab-top {
+    padding: 10px 14px 10px 14px;
+    background: var(--hlx-color-white);
+    text-align: center;
+    cursor: pointer;
     border-radius: 6px;
     display: flex;
     flex-direction: row;
-    height: 38px;
-    .switch-item-tab-top {
-      padding: 10px 14px 10px 14px;
-      background: var(--hlx-color-white);
-      text-align: center;
-      cursor: pointer;
-      border-radius: 6px;
+    align-items: center;
+    justify-content: center;
+
+    font-size: 14px;
+    color: var(--hlx-text-color-primary);
+    // width: 100%;
+
+    .content-tab-top {
       display: flex;
+      font-size: 14px;
       flex-direction: row;
+      cursor: pointer;
       align-items: center;
       justify-content: center;
-      
-      font-size: 14px;
-      color: var(--hlx-text-color-primary);
-      // width: 100%;
-
-  
-      .content-tab-top{
-          display: flex;
-          font-size: 14px;
-          flex-direction: row;
-          cursor: pointer;
-          align-items: center;
-          justify-content: center;
-          i{
-            font-size: var(--hlx-icon-size-sm);
-            margin-right: 8px;
+      i {
+        font-size: var(--hlx-icon-size-sm);
+        margin-right: 8px;
       }
-      input[type="radio"] {
+      input[type='radio'] {
         position: absolute;
         opacity: 0;
         width: 0;
         height: 0;
       }
-      }
-  
-    }
-    .noborder{
-      border: none;
-    }
-    // .border{
-    //   border-right: 1px solid var(--hlx-color-primary);
-    //   border-top-right-radius: 0px;
-    //   border-bottom-right-radius: 0px;
-    //   // border: none;
-    // }
-    .selected-switch-tab-top{
-      color: var(--hlx-color-primary);
-      border-top: 2px solid var(--hlx-color-primary);
-      border-top-right-radius: 0px;
-      border-top-left-radius: 0px;
-      // background: var(--hlx-color-primary);
-
-      
-    }
-    .noradius{
-      border-radius:0
-    }
-    .radius{
-    }
-    .noleftradius{
-      border-top-left-radius: 0px;
-      border-bottom-left-radius: 0px;
     }
   }
+  .noborder {
+    border: none;
+  }
+  // .border{
+  //   border-right: 1px solid var(--hlx-color-primary);
+  //   border-top-right-radius: 0px;
+  //   border-bottom-right-radius: 0px;
+  //   // border: none;
+  // }
+  .selected-switch-tab-top {
+    color: var(--hlx-color-primary);
+    border-top: 2px solid var(--hlx-color-primary);
+    border-top-right-radius: 0px;
+    border-top-left-radius: 0px;
+    // background: var(--hlx-color-primary);
+  }
+  .noradius {
+    border-radius: 0;
+  }
+  // .radius {
+  // }
+  .noleftradius {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+}
 .switch-containerr-tab-bottom {
-    //     width: -moz-fit-content;
-      width: fit-content;
-      // padding: 14px 16px 14px 16px;
-    // border-bottom: 1px solid var(--hlx-border-color);
-    box-sizing: border-box;
-    border-radius: 6px;
+  //     width: -moz-fit-content;
+  width: fit-content;
+  // padding: 14px 16px 14px 16px;
+  // border-bottom: 1px solid var(--hlx-border-color);
+  box-sizing: border-box;
+  border-radius: 6px;
+  display: flex;
+  flex-direction: row;
+  height: 38px;
+  .switch-item-tab-bottom {
+    padding: 10px 14px 10px 14px;
+    background: var(--hlx-color-white);
+    text-align: center;
+    cursor: pointer;
+    // border-radius: 6px;
     display: flex;
     flex-direction: row;
-    height: 38px;
-    .switch-item-tab-bottom {
-      padding: 10px 14px 10px 14px;
-      background: var(--hlx-color-white);
-      text-align: center;
-      cursor: pointer;
-      // border-radius: 6px;
+    align-items: center;
+    justify-content: center;
+
+    font-size: 14px;
+    color: var(--hlx-text-color-primary);
+    border-bottom: 2px solid transparent;
+    // width: 100%;
+
+    .content-tab-bottom {
       display: flex;
+      cursor: pointer;
+      font-size: 14px;
       flex-direction: row;
       align-items: center;
       justify-content: center;
-      
-      font-size: 14px;
-      color: var(--hlx-text-color-primary);
-      border-bottom: 2px solid transparent;
-      // width: 100%;
-  
-      .content-tab-bottom{
-          display: flex;
-          cursor: pointer;
-          font-size: 14px;
-          flex-direction: row;
-          align-items: center;
-          justify-content: center;
-          i{
-            font-size: var(--hlx-icon-size-sm);
-            margin-right: 8px;
+      i {
+        font-size: var(--hlx-icon-size-sm);
+        margin-right: 8px;
       }
-      input[type="radio"] {
+      input[type='radio'] {
         position: absolute;
         opacity: 0;
         width: 0;
         height: 0;
       }
-      }
-  
-    }
-    .noborder{
-      border: none;
-    }
-    // .border{
-    //   border-right: 1px solid var(--hlx-color-primary);
-    //   border-top-right-radius: 0px;
-    //   border-bottom-right-radius: 0px;
-    //   // border: none;
-    // }
-    .selected-switch-tab-bottom{
-      color: var(--hlx-color-primary);
-      border-bottom: 2px solid var(--hlx-color-primary);
-      border-top-right-radius: 0px;
-      border-top-left-radius: 0px;
-      
-      
-    }
-    .noradius{
-      border-radius:0
-    }
-    .radius{
-    }
-    .noleftradius{
-      border-top-left-radius: 0px;
-      border-bottom-left-radius: 0px;
     }
   }
+  .noborder {
+    border: none;
+  }
+  // .border{
+  //   border-right: 1px solid var(--hlx-color-primary);
+  //   border-top-right-radius: 0px;
+  //   border-bottom-right-radius: 0px;
+  //   // border: none;
+  // }
+  .selected-switch-tab-bottom {
+    color: var(--hlx-color-primary);
+    border-bottom: 2px solid var(--hlx-color-primary);
+    border-top-right-radius: 0px;
+    border-top-left-radius: 0px;
+  }
+  .noradius {
+    border-radius: 0;
+  }
+  // .radius {
+  // }
+  .noleftradius {
+    border-top-left-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+}
 
-
-  .switchselectvalue{
-    border:none;
-    background-color: var(--hlx-color-primary) !important;
-    color: var(--hlx-color-white) !important;
-  }
+.switchselectvalue {
+  border: none;
+  background-color: var(--hlx-color-primary) !important;
+  color: var(--hlx-color-white) !important;
+}