@luscii-healthtech/web-ui 0.1.14 → 0.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.
Files changed (4) hide show
  1. package/dist/web-ui.cjs.development.css +39 -39
  2. package/dist/web-ui.cjs.production.min.css +39 -39
  3. package/dist/web-ui.esm.css +64 -64
  4. package/package.json +1 -1
package/dist/web-ui.cjs.development.css CHANGED
@@ -1012,45 +1012,6 @@
1012
1012
  .entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {
1013
1013
  @apply bg-blue-800; }
1014
1014
 
1015
- .cweb-switcher-item {
1016
- display: flex;
1017
- justify-content: center;
1018
- flex-direction: row;
1019
- align-items: center; }
1020
- .cweb-switcher-item .cweb-switcher-item-link {
1021
- display: flex;
1022
- align-items: center;
1023
- text-decoration: none;
1024
- padding: 0.5rem 1rem;
1025
- cursor: pointer; }
1026
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1027
- display: flex;
1028
- align-items: center; }
1029
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1030
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1031
- width: 20px;
1032
- height: 20px; }
1033
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1034
- display: none; }
1035
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1036
- color: #737373;
1037
- transition: color 0.4s ease;
1038
- padding-bottom: 0; }
1039
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1040
- margin-left: 8px;
1041
- padding: 0; }
1042
- .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1043
- border-color: #0074dd;
1044
- z-index: 1; }
1045
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1046
- display: none; }
1047
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1048
- display: inherit; }
1049
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1050
- color: #0074dd; }
1051
- .cweb-switcher-item.is-disabled {
1052
- pointer-events: none; }
1053
-
1054
1015
  .cweb-box-shadow-default {
1055
1016
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
1056
1017
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -1126,3 +1087,42 @@
1126
1087
  .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {
1127
1088
  margin: 24px;
1128
1089
  overflow-y: auto; }
1090
+
1091
+ .cweb-switcher-item {
1092
+ display: flex;
1093
+ justify-content: center;
1094
+ flex-direction: row;
1095
+ align-items: center; }
1096
+ .cweb-switcher-item .cweb-switcher-item-link {
1097
+ display: flex;
1098
+ align-items: center;
1099
+ text-decoration: none;
1100
+ padding: 0.5rem 1rem;
1101
+ cursor: pointer; }
1102
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1103
+ display: flex;
1104
+ align-items: center; }
1105
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1106
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1107
+ width: 20px;
1108
+ height: 20px; }
1109
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1110
+ display: none; }
1111
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1112
+ color: #737373;
1113
+ transition: color 0.4s ease;
1114
+ padding-bottom: 0; }
1115
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1116
+ margin-left: 8px;
1117
+ padding: 0; }
1118
+ .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1119
+ border-color: #0074dd;
1120
+ z-index: 1; }
1121
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1122
+ display: none; }
1123
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1124
+ display: inherit; }
1125
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1126
+ color: #0074dd; }
1127
+ .cweb-switcher-item.is-disabled {
1128
+ pointer-events: none; }
package/dist/web-ui.cjs.production.min.css CHANGED
@@ -1012,45 +1012,6 @@
1012
1012
  .entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {
1013
1013
  @apply bg-blue-800; }
1014
1014
 
1015
- .cweb-switcher-item {
1016
- display: flex;
1017
- justify-content: center;
1018
- flex-direction: row;
1019
- align-items: center; }
1020
- .cweb-switcher-item .cweb-switcher-item-link {
1021
- display: flex;
1022
- align-items: center;
1023
- text-decoration: none;
1024
- padding: 0.5rem 1rem;
1025
- cursor: pointer; }
1026
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1027
- display: flex;
1028
- align-items: center; }
1029
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1030
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1031
- width: 20px;
1032
- height: 20px; }
1033
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1034
- display: none; }
1035
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1036
- color: #737373;
1037
- transition: color 0.4s ease;
1038
- padding-bottom: 0; }
1039
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1040
- margin-left: 8px;
1041
- padding: 0; }
1042
- .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1043
- border-color: #0074dd;
1044
- z-index: 1; }
1045
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1046
- display: none; }
1047
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1048
- display: inherit; }
1049
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1050
- color: #0074dd; }
1051
- .cweb-switcher-item.is-disabled {
1052
- pointer-events: none; }
1053
-
1054
1015
  .cweb-box-shadow-default {
1055
1016
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
1056
1017
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -1126,3 +1087,42 @@
1126
1087
  .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {
1127
1088
  margin: 24px;
1128
1089
  overflow-y: auto; }
1090
+
1091
+ .cweb-switcher-item {
1092
+ display: flex;
1093
+ justify-content: center;
1094
+ flex-direction: row;
1095
+ align-items: center; }
1096
+ .cweb-switcher-item .cweb-switcher-item-link {
1097
+ display: flex;
1098
+ align-items: center;
1099
+ text-decoration: none;
1100
+ padding: 0.5rem 1rem;
1101
+ cursor: pointer; }
1102
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1103
+ display: flex;
1104
+ align-items: center; }
1105
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1106
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1107
+ width: 20px;
1108
+ height: 20px; }
1109
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1110
+ display: none; }
1111
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1112
+ color: #737373;
1113
+ transition: color 0.4s ease;
1114
+ padding-bottom: 0; }
1115
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1116
+ margin-left: 8px;
1117
+ padding: 0; }
1118
+ .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1119
+ border-color: #0074dd;
1120
+ z-index: 1; }
1121
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1122
+ display: none; }
1123
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1124
+ display: inherit; }
1125
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1126
+ color: #0074dd; }
1127
+ .cweb-switcher-item.is-disabled {
1128
+ pointer-events: none; }
package/dist/web-ui.esm.css CHANGED
@@ -684,6 +684,31 @@
684
684
  left: 50%;
685
685
  transform: translate(-50%, -50%); }
686
686
 
687
+ .cweb-radio-group {
688
+ display: flex;
689
+ justify-content: flex-start;
690
+ flex-direction: row;
691
+ align-items: center; }
692
+ .cweb-radio-group > .cweb-radio {
693
+ flex: 0 0 auto;
694
+ margin-right: 8px; }
695
+ .cweb-radio-group .cweb-form-field {
696
+ margin-bottom: 12px; }
697
+ .cweb-radio-group .cweb-form-info-text {
698
+ margin-left: 1.5rem; }
699
+ .cweb-radio-group.vertical {
700
+ display: flex;
701
+ justify-content: flex-start;
702
+ flex-direction: column;
703
+ align-items: flex-start; }
704
+ .cweb-radio-group.vertical .cweb-form-field:not(:last-child) {
705
+ margin-bottom: 8px; }
706
+ .cweb-radio-group.vertical > .cweb-radio {
707
+ flex: 0 0 auto;
708
+ margin-bottom: 8px; }
709
+ .cweb-radio-group.hasError > .cweb-radio .cweb-radio-icon-container {
710
+ border: 1px solid #ff6266 !important; }
711
+
687
712
  .cweb-radio {
688
713
  outline: none; }
689
714
  .cweb-radio .cweb-radio-input {
@@ -720,31 +745,6 @@
720
745
  background-color: #ffffff;
721
746
  border-radius: 50%; }
722
747
 
723
- .cweb-radio-group {
724
- display: flex;
725
- justify-content: flex-start;
726
- flex-direction: row;
727
- align-items: center; }
728
- .cweb-radio-group > .cweb-radio {
729
- flex: 0 0 auto;
730
- margin-right: 8px; }
731
- .cweb-radio-group .cweb-form-field {
732
- margin-bottom: 12px; }
733
- .cweb-radio-group .cweb-form-info-text {
734
- margin-left: 1.5rem; }
735
- .cweb-radio-group.vertical {
736
- display: flex;
737
- justify-content: flex-start;
738
- flex-direction: column;
739
- align-items: flex-start; }
740
- .cweb-radio-group.vertical .cweb-form-field:not(:last-child) {
741
- margin-bottom: 8px; }
742
- .cweb-radio-group.vertical > .cweb-radio {
743
- flex: 0 0 auto;
744
- margin-bottom: 8px; }
745
- .cweb-radio-group.hasError > .cweb-radio .cweb-radio-icon-container {
746
- border: 1px solid #ff6266 !important; }
747
-
748
748
  .cweb-section .cweb-button:last-of-type {
749
749
  margin-right: 24px; }
750
750
 
@@ -1012,45 +1012,6 @@
1012
1012
  .entity-preview-dots.glider-dots .glider-dot.active, .entity-preview-dots.glider-dots .glider-dot:focus {
1013
1013
  @apply bg-blue-800; }
1014
1014
 
1015
- .cweb-switcher-item {
1016
- display: flex;
1017
- justify-content: center;
1018
- flex-direction: row;
1019
- align-items: center; }
1020
- .cweb-switcher-item .cweb-switcher-item-link {
1021
- display: flex;
1022
- align-items: center;
1023
- text-decoration: none;
1024
- padding: 0.5rem 1rem;
1025
- cursor: pointer; }
1026
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1027
- display: flex;
1028
- align-items: center; }
1029
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1030
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1031
- width: 20px;
1032
- height: 20px; }
1033
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1034
- display: none; }
1035
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1036
- color: #737373;
1037
- transition: color 0.4s ease;
1038
- padding-bottom: 0; }
1039
- .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1040
- margin-left: 8px;
1041
- padding: 0; }
1042
- .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1043
- border-color: #0074dd;
1044
- z-index: 1; }
1045
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1046
- display: none; }
1047
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1048
- display: inherit; }
1049
- .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1050
- color: #0074dd; }
1051
- .cweb-switcher-item.is-disabled {
1052
- pointer-events: none; }
1053
-
1054
1015
  .cweb-box-shadow-default {
1055
1016
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); }
1056
1017
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -1126,3 +1087,42 @@
1126
1087
  .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {
1127
1088
  margin: 24px;
1128
1089
  overflow-y: auto; }
1090
+
1091
+ .cweb-switcher-item {
1092
+ display: flex;
1093
+ justify-content: center;
1094
+ flex-direction: row;
1095
+ align-items: center; }
1096
+ .cweb-switcher-item .cweb-switcher-item-link {
1097
+ display: flex;
1098
+ align-items: center;
1099
+ text-decoration: none;
1100
+ padding: 0.5rem 1rem;
1101
+ cursor: pointer; }
1102
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {
1103
+ display: flex;
1104
+ align-items: center; }
1105
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,
1106
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1107
+ width: 20px;
1108
+ height: 20px; }
1109
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1110
+ display: none; }
1111
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {
1112
+ color: #737373;
1113
+ transition: color 0.4s ease;
1114
+ padding-bottom: 0; }
1115
+ .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {
1116
+ margin-left: 8px;
1117
+ padding: 0; }
1118
+ .cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {
1119
+ border-color: #0074dd;
1120
+ z-index: 1; }
1121
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {
1122
+ display: none; }
1123
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {
1124
+ display: inherit; }
1125
+ .cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {
1126
+ color: #0074dd; }
1127
+ .cweb-switcher-item.is-disabled {
1128
+ pointer-events: none; }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.1.14",
2
+ "version": "0.1.17",
3
3
  "license": "MIT",
4
4
  "main": "dist/index.js",
5
5
  "typings": "dist/index.d.ts",