cax-design-system 2.7.12 → 2.8.0

package/resources/components/tooltip/tooltip.scss

@@ -1,124 +1,124 @@
-@layer cax {
-    .cax-tooltip {
-        position: absolute;
-        display: none;
-        padding: 0.25em 0.5rem;
-        max-width: 12.5rem;
-        pointer-events: none;
-    }
-
-    .cax-tooltip.cax-tooltip-right,
-    .cax-tooltip.cax-tooltip-left,
-    .cax-tooltip.cax-tooltip-left-top,
-    .cax-tooltip.cax-tooltip-left-bottom,
-    .cax-tooltip.cax-tooltip-right-top,
-    .cax-tooltip.cax-tooltip-right-bottom{
-        padding: 0 0.25rem;
-    }
-    
-    .cax-tooltip.cax-tooltip-top,
-    .cax-tooltip.cax-tooltip-bottom,
-    .cax-tooltip.cax-tooltip-top-left,
-    .cax-tooltip.cax-tooltip-top-right,
-    .cax-tooltip.cax-tooltip-bottom-left,
-    .cax-tooltip.cax-tooltip-bottom-right {
-        padding: 0.25em 0;
-    }
-
-    .cax-tooltip .cax-tooltip-text {
-        white-space: pre-line;
-        word-break: break-word;
-    }
-
-    .cax-tooltip-arrow {
-        scale: 2;
-        position: absolute;
-        width: 0;
-        height: 0;
-        border-color: transparent;
-        border-style: solid;
-        border-radius: 2px; /* Add rounded corners */
-    }
-
-    .cax-tooltip-right .cax-tooltip-arrow {
-        top: 50%;
-        left: 0;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0.25em 0.25em 0;
-    }
-    .cax-tooltip-right-top .cax-tooltip-arrow {
-        top: 50%;
-        left: 0%;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0.25em 0.25em 0;
-        border-radius: 0.5em;
-    }
-    .cax-tooltip-right-bottom .cax-tooltip-arrow {
-        top: 50%;
-        left: 0%;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0.25em 0.25em 0;
-        border-radius: 0.5em;
-    }
-
-    .cax-tooltip-left .cax-tooltip-arrow {
-        top: 50%;
-        right: 0;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0 0.25em 0.25rem;
-    }
-    .cax-tooltip-left-top .cax-tooltip-arrow {
-        top: 50%;
-        right: 0;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0 0.25em 0.25rem;
-    }
-    .cax-tooltip-left-bottom .cax-tooltip-arrow {
-        top: 50%;
-        right: 0;
-        margin-top: -0.25rem;
-        border-width: 0.25em 0 0.25em 0.25rem;
-    }
-
-    .cax-tooltip.cax-tooltip-top {
-        padding: 0.25em 0;
-    }
-
-    .cax-tooltip-top .cax-tooltip-arrow {
-        bottom: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0.25em 0.25em 0;
-    }
-    .cax-tooltip-top-left .cax-tooltip-arrow {
-        bottom: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0.25em 0.25em 0;
-    }
-    .cax-tooltip-top-right .cax-tooltip-arrow {
-        bottom: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0.25em 0.25em 0;
-    }
-
-    .cax-tooltip-bottom .cax-tooltip-arrow {
-        top: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0 0.25em 0.25rem;
-    }
-    .cax-tooltip-bottom-left .cax-tooltip-arrow {
-        top: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0 0.25em 0.25rem;
-    }
-    .cax-tooltip-bottom-right .cax-tooltip-arrow {
-        top: 0;
-        left: 50%;
-        margin-left: -0.25rem;
-        border-width: 0 0.25em 0.25rem;
-    }
-}
+@layer cax {
+    .cax-tooltip {
+        position: absolute;
+        display: none;
+        padding: 0.25em 0.5rem;
+        max-width: 12.5rem;
+        pointer-events: none;
+    }
+
+    .cax-tooltip.cax-tooltip-right,
+    .cax-tooltip.cax-tooltip-left,
+    .cax-tooltip.cax-tooltip-left-top,
+    .cax-tooltip.cax-tooltip-left-bottom,
+    .cax-tooltip.cax-tooltip-right-top,
+    .cax-tooltip.cax-tooltip-right-bottom{
+        padding: 0 0.25rem;
+    }
+    
+    .cax-tooltip.cax-tooltip-top,
+    .cax-tooltip.cax-tooltip-bottom,
+    .cax-tooltip.cax-tooltip-top-left,
+    .cax-tooltip.cax-tooltip-top-right,
+    .cax-tooltip.cax-tooltip-bottom-left,
+    .cax-tooltip.cax-tooltip-bottom-right {
+        padding: 0.25em 0;
+    }
+
+    .cax-tooltip .cax-tooltip-text {
+        white-space: pre-line;
+        word-break: break-word;
+    }
+
+    .cax-tooltip-arrow {
+        scale: 2;
+        position: absolute;
+        width: 0;
+        height: 0;
+        border-color: transparent;
+        border-style: solid;
+        border-radius: 2px; /* Add rounded corners */
+    }
+
+    .cax-tooltip-right .cax-tooltip-arrow {
+        top: 50%;
+        left: 0;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0.25em 0.25em 0;
+    }
+    .cax-tooltip-right-top .cax-tooltip-arrow {
+        top: 50%;
+        left: 0%;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0.25em 0.25em 0;
+        border-radius: 0.5em;
+    }
+    .cax-tooltip-right-bottom .cax-tooltip-arrow {
+        top: 50%;
+        left: 0%;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0.25em 0.25em 0;
+        border-radius: 0.5em;
+    }
+
+    .cax-tooltip-left .cax-tooltip-arrow {
+        top: 50%;
+        right: 0;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0 0.25em 0.25rem;
+    }
+    .cax-tooltip-left-top .cax-tooltip-arrow {
+        top: 50%;
+        right: 0;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0 0.25em 0.25rem;
+    }
+    .cax-tooltip-left-bottom .cax-tooltip-arrow {
+        top: 50%;
+        right: 0;
+        margin-top: -0.25rem;
+        border-width: 0.25em 0 0.25em 0.25rem;
+    }
+
+    .cax-tooltip.cax-tooltip-top {
+        padding: 0.25em 0;
+    }
+
+    .cax-tooltip-top .cax-tooltip-arrow {
+        bottom: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0.25em 0.25em 0;
+    }
+    .cax-tooltip-top-left .cax-tooltip-arrow {
+        bottom: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0.25em 0.25em 0;
+    }
+    .cax-tooltip-top-right .cax-tooltip-arrow {
+        bottom: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0.25em 0.25em 0;
+    }
+
+    .cax-tooltip-bottom .cax-tooltip-arrow {
+        top: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0 0.25em 0.25rem;
+    }
+    .cax-tooltip-bottom-left .cax-tooltip-arrow {
+        top: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0 0.25em 0.25rem;
+    }
+    .cax-tooltip-bottom-right .cax-tooltip-arrow {
+        top: 0;
+        left: 50%;
+        margin-left: -0.25rem;
+        border-width: 0 0.25em 0.25rem;
+    }
+}

package/resources/components/tree/tree.scss

@@ -1,154 +1,154 @@
-@layer cax {
-    .cax-tree-container {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-        overflow: auto;
-    }
-
-    .cax-treenode-children {
-        margin: 0;
-        padding: 0;
-        list-style-type: none;
-    }
-
-    .cax-tree-wrapper {
-        overflow: auto;
-    }
-
-    .cax-treenode-selectable {
-        cursor: pointer;
-        user-select: none;
-    }
-
-    .cax-tree-toggler {
-        cursor: pointer;
-        user-select: none;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        overflow: hidden;
-        position: relative;
-        flex-shrink: 0;
-    }
-
-    .cax-treenode-content {
-        display: flex;
-        align-items: center;
-    }
-
-    .cax-tree-filter {
-        width: 100%;
-    }
-
-    .cax-tree-filter-container {
-        position: relative;
-        display: block;
-        width: 100%;
-    }
-
-    .cax-tree-filter-icon {
-        position: absolute;
-        top: 50%;
-        margin-top: -0.5rem;
-    }
-
-    .cax-tree-loading {
-        position: relative;
-        min-height: 4rem;
-    }
-
-    .cax-tree .cax-tree-loading-overlay {
-        position: absolute;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-    }
-
-    .cax-tree-flex-scrollable {
-        display: flex;
-        flex: 1;
-        height: 100%;
-        flex-direction: column;
-    }
-
-    .cax-tree-flex-scrollable .cax-tree-wrapper {
-        flex: 1;
-    }
-
-    .cax-tree .cax-treenode-droppoint {
-        height: 4px;
-        list-style-type: none;
-    }
-
-    .cax-tree .cax-treenode-droppoint-active {
-        border: 0 none;
-    }
-
-    .cax-tree-horizontal {
-        width: auto;
-        padding-left: 0;
-        padding-right: 0;
-        overflow: auto;
-    }
-
-    .cax-tree.cax-tree-horizontal table,
-    .cax-tree.cax-tree-horizontal tr,
-    .cax-tree.cax-tree-horizontal td {
-        border-collapse: collapse;
-        margin: 0;
-        padding: 0;
-        vertical-align: middle;
-    }
-
-    .cax-tree-horizontal .cax-treenode-content {
-        font-weight: normal;
-        padding: 0.4em 1em 0.4em 0.2em;
-        display: flex;
-        align-items: center;
-    }
-
-    .cax-tree-horizontal .cax-treenode-parent .cax-treenode-content {
-        font-weight: normal;
-        white-space: nowrap;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode {
-        background: url('./images/line.gif') repeat-x scroll center center transparent;
-        padding: 0.25rem 2.5rem;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode.cax-treenode-leaf,
-    .cax-tree.cax-tree-horizontal .cax-treenode.cax-treenode-collapsed {
-        padding-right: 0;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode-children {
-        padding: 0;
-        margin: 0;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode-connector {
-        width: 1px;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode-connector-table {
-        height: 100%;
-        width: 1px;
-    }
-
-    .cax-tree.cax-tree-horizontal .cax-treenode-connector-line {
-        background: url('./images/line.gif') repeat-y scroll 0 0 transparent;
-        width: 1px;
-    }
-
-    .cax-tree.cax-tree-horizontal table {
-        height: 0;
-    }
-
-    /* Virtual Scroll */
-    .cax-scroller .cax-tree-container {
-        overflow: visible;
-    }
-}
+@layer cax {
+    .cax-tree-container {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+        overflow: auto;
+    }
+
+    .cax-treenode-children {
+        margin: 0;
+        padding: 0;
+        list-style-type: none;
+    }
+
+    .cax-tree-wrapper {
+        overflow: auto;
+    }
+
+    .cax-treenode-selectable {
+        cursor: pointer;
+        user-select: none;
+    }
+
+    .cax-tree-toggler {
+        cursor: pointer;
+        user-select: none;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+        position: relative;
+        flex-shrink: 0;
+    }
+
+    .cax-treenode-content {
+        display: flex;
+        align-items: center;
+    }
+
+    .cax-tree-filter {
+        width: 100%;
+    }
+
+    .cax-tree-filter-container {
+        position: relative;
+        display: block;
+        width: 100%;
+    }
+
+    .cax-tree-filter-icon {
+        position: absolute;
+        top: 50%;
+        margin-top: -0.5rem;
+    }
+
+    .cax-tree-loading {
+        position: relative;
+        min-height: 4rem;
+    }
+
+    .cax-tree .cax-tree-loading-overlay {
+        position: absolute;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 2;
+    }
+
+    .cax-tree-flex-scrollable {
+        display: flex;
+        flex: 1;
+        height: 100%;
+        flex-direction: column;
+    }
+
+    .cax-tree-flex-scrollable .cax-tree-wrapper {
+        flex: 1;
+    }
+
+    .cax-tree .cax-treenode-droppoint {
+        height: 4px;
+        list-style-type: none;
+    }
+
+    .cax-tree .cax-treenode-droppoint-active {
+        border: 0 none;
+    }
+
+    .cax-tree-horizontal {
+        width: auto;
+        padding-left: 0;
+        padding-right: 0;
+        overflow: auto;
+    }
+
+    .cax-tree.cax-tree-horizontal table,
+    .cax-tree.cax-tree-horizontal tr,
+    .cax-tree.cax-tree-horizontal td {
+        border-collapse: collapse;
+        margin: 0;
+        padding: 0;
+        vertical-align: middle;
+    }
+
+    .cax-tree-horizontal .cax-treenode-content {
+        font-weight: normal;
+        padding: 0.4em 1em 0.4em 0.2em;
+        display: flex;
+        align-items: center;
+    }
+
+    .cax-tree-horizontal .cax-treenode-parent .cax-treenode-content {
+        font-weight: normal;
+        white-space: nowrap;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode {
+        background: url('./images/line.gif') repeat-x scroll center center transparent;
+        padding: 0.25rem 2.5rem;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode.cax-treenode-leaf,
+    .cax-tree.cax-tree-horizontal .cax-treenode.cax-treenode-collapsed {
+        padding-right: 0;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode-children {
+        padding: 0;
+        margin: 0;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode-connector {
+        width: 1px;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode-connector-table {
+        height: 100%;
+        width: 1px;
+    }
+
+    .cax-tree.cax-tree-horizontal .cax-treenode-connector-line {
+        background: url('./images/line.gif') repeat-y scroll 0 0 transparent;
+        width: 1px;
+    }
+
+    .cax-tree.cax-tree-horizontal table {
+        height: 0;
+    }
+
+    /* Virtual Scroll */
+    .cax-scroller .cax-tree-container {
+        overflow: visible;
+    }
+}