kaui 3.0.9 → 4.0.0

data/app/assets/stylesheets/kaui/account_timeline.css

@@ -0,0 +1,183 @@
+.kaui-account-timelines-show .account-timeline {
+  width: 67.5625rem;
+}
+
+.kaui-account-timelines-show .account-timeline .account-timeline-header {
+  display: flex;
+  align-items: start;
+  justify-content: space-between;
+  padding: 0;
+  border-bottom: 0.0625rem solid #e9eaeb;
+}
+
+.kaui-account-timelines-show .account-timeline .account-timeline-header h2 {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin-bottom: 1.25rem;
+}
+
+.kaui-account-timelines-show .account-timeline select {
+  height: 2rem !important;
+  border-radius: 0.375rem;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #414651;
+}
+
+.kaui-account-timelines-show .account-timeline select:focus {
+  border-color: blue;
+  outline: none;
+  box-shadow: none;
+}
+
+.kaui-account-timelines-show .control-label {
+  font-size: 0.875rem !important;
+  font-weight: 500 !important;
+  line-height: 1.25rem !important;
+  color: #414651 !important;
+}
+
+.kaui-account-timelines-show .account-timeline-card {
+  background: #fafafa;
+  border: 0.0625rem solid #e9eaeb;
+  border-radius: 1rem;
+  box-shadow: 0rem 0.0625rem 0.125rem 0rem var(--ColorsEffectsShadowsshadow-xs);
+  padding: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+
+.kaui-account-timelines-show .icon-container {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  background: #ffffff;
+  border: 0.0625rem solid #d5d7da;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.25rem;
+}
+
+.kaui-account-timelines-show .icon-container img {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.kaui-account-timelines-show .account-timeline-card h3 {
+  font-weight: 600;
+  font-size: 1rem;
+  text-align: left;
+  margin-bottom: 0rem;
+  line-height: 1.5rem;
+  color: #414651;
+}
+
+.kaui-account-timelines-show .account-timeline-card-detail b {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #414651;
+}
+
+.kaui-account-timelines-show .account-timeline-card-detail p,
+.kaui-account-timelines-show .account-timeline-card-detail p a {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin-bottom: 0rem;
+  color: #717680;
+  text-decoration: none;
+}
+
+.kaui-account-timelines-show .dots-menu {
+  padding: 0 !important;
+  background-color: transparent !important;
+  border: none !important;
+}
+
+.kaui-account-timelines-show .link-button {
+  padding: 0 !important;
+  background-color: transparent !important;
+  border: none !important;
+  color: blue !important; 
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  text-decoration: none !important;
+  text-transform: capitalize;
+}
+
+.kaui-account-timelines-show .datetime-container {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin-bottom: 0.75rem;
+  color: #414651;
+}
+
+.kaui-account-timelines-show .transaction-status .alert-success {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  padding: 0.125rem 0.5rem;
+  border-radius: 3.90234rem;
+  background-color: #ecfdf3;
+  border: 0.0625rem solid #dcfae6;
+  color: #067647;
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.125rem;
+  margin: 0;
+  position: relative;
+}
+
+.kaui-account-timelines-show .transaction-status .alert-success::before {
+  content: "";
+  display: inline-block;
+  width: 0.75rem;
+  height: 0.75rem;
+  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%2317B26A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.kaui-account-timelines-show .transaction-status .alert-danger {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  padding: 0.125rem 0.5rem;
+  border-radius: 3.90234rem;
+  background-color: #fef3f2;
+  border: 0.0625rem solid #fee4e2;
+  color: #b42318;
+  font-weight: 500;
+  font-size: 0.75rem;
+  line-height: 1.125rem;
+  margin: 0;
+  position: relative;
+}
+
+.kaui-account-timelines-show .transaction-status .alert-danger::before {
+  content: "";
+  display: inline-block;
+  width: 0.75rem;
+  height: 0.75rem;
+  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 3.5L3.5 8.5M3.5 3.5L8.5 8.5' stroke='%23F97066' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.kaui-account-timelines-show #search {
+  height: 2rem;
+  margin-right: 0.5rem;
+  border-radius: 0.375rem;
+}
+
+.kaui-account-timelines-show #search:focus {
+  border-color: blue;
+  outline: none;
+  box-shadow: none;
+}

data/app/assets/stylesheets/kaui/admin_allowed_users.css

@@ -0,0 +1,260 @@
+.kaui-users-index .users-details-header {
+  display: flex;
+  align-items: start;
+  justify-content: space-between;
+  padding: 0;
+  border-bottom: 0.0625rem solid #E9EAEB;
+}
+
+.kaui-users-index .users-details-header h2 {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin-bottom: 1.25rem;
+}
+
+.kaui-users-index table {
+  overflow-x: auto;
+  min-width: 100%;
+}
+
+.kaui-users-index table th {
+  padding: 0.375rem 0.75rem !important;
+  font-weight: 500;
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  letter-spacing: 0;
+  color: #717680;
+  text-transform: capitalize;
+}
+
+.kaui-users-index table td {
+  font-weight: 500 !important;
+  font-size: 0.875rem !important;
+  padding: 1rem 0.5rem !important;
+  line-height: 1.125rem !important;
+  text-align: start;
+  color: #535862 !important;
+}
+
+.kaui-users-index .delete-button {
+  padding: 0 !important;
+  background-color: transparent !important;
+  border: none !important;
+  text-decoration: none !important;
+  color: #D92D20 !important;
+  font-weight: 500;
+  padding-right: 0.3125rem !important;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin: 0 0.625rem;
+}
+
+.kaui-users-index .edit-button {
+  padding: 0 !important;
+  background-color: transparent !important;
+  border: none !important;
+  text-decoration: none !important;
+  color: #535862 !important;
+  font-weight: 500;
+  padding-right: 0.3125rem !important;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin: 0 0.625rem;
+}
+
+/* app/views/kaui/admin_allowed_users/new.html.erb */
+/* app/views/kaui/admin_allowed_users/edit.html.erb */
+
+
+.kaui-new-admin-allowed-users .new-user-title {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  letter-spacing: 0;
+  color: #1B1C1E;
+  padding: 1rem 0;
+  margin-bottom: 1.5rem;
+}
+
+.kaui-new-admin-allowed-users .icon-container {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.0625rem solid #D5D7DA;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.25rem;
+}
+
+.kaui-new-admin-allowed-users .icon-container img {
+  width: 1rem;
+  height: 1rem;
+}
+
+.kaui-new-admin-allowed-users .control-label {
+  font-size: 0.875rem !important;
+  font-weight: 500 !important;
+  line-height: 1.25rem !important;
+  color: #414651 !important;
+}
+
+.kaui-new-admin-allowed-users .form-control {
+  border-radius: 0.375rem !important;
+  height: 2.5rem !important;
+}
+
+.kaui-new-admin-allowed-users .border-button {
+  background: transparent;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  border: 0.0625rem solid #D5D7DA;
+  border-radius: 0.375rem;
+  width: 2.5rem;
+  height: 2.5rem;
+  padding: 0.625rem;
+}
+
+.kaui-new-admin-allowed-users .border-button:hover {
+  background: transparent;
+}
+
+.kaui-new-admin-allowed-users .chip-input-container {
+  min-height: 2.5rem;
+  cursor: text;
+  display: flex !important;
+  flex-wrap: nowrap !important;
+  overflow-x: auto;
+  overflow-y: hidden;
+  gap: 0.5rem;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.kaui-new-admin-allowed-users .chip-input-container::-webkit-scrollbar {
+  display: none;
+}
+
+.kaui-new-admin-allowed-users .chip {
+  background: #FAFAFA;
+  padding: 0.125rem 0.375rem;
+  border-radius: 0.25rem;
+  border: 0.0625rem solid #F5F5F5;
+  display: flex;
+  align-items: center;
+  font-size: 0.75rem;
+  white-space: nowrap;
+  font-weight: 500;
+  line-height: 1.125rem;
+  text-align: center;
+}
+
+.kaui-new-admin-allowed-users .chip .remove-chip {
+  margin-left: 0.5rem;
+  cursor: pointer;
+  color: #666;
+}
+
+.kaui-new-admin-allowed-users .chip-text-input.disabled > .chip-input-container {
+  background-color: #e9ecef !important;
+  pointer-events: none !important;
+  color: #6c757d !important;
+}
+
+.kaui-new-admin-allowed-users .chip-input-container.disabled-container {
+  background-color: #e9ecef !important;
+  pointer-events: none !important;
+  color: #6c757d !important;
+}
+
+.kaui-new-admin-allowed-users .chip-text-input {
+  min-width: 6.25rem;
+  outline: none;
+}
+
+.kaui-new-admin-allowed-users .notice-worning {
+  display: flex;
+  gap: 0.3125rem;
+  padding: 0.3125rem;
+  background-color: #FAFAFA;
+  border-radius: 0.46875rem;
+  border: 0.0625rem solid #E9EAEB;
+}
+
+.kaui-new-admin-allowed-users .notice-worning p {
+  padding: 0.3125rem 0;
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #535862 !important;
+  margin: 0;
+}
+
+.kaui-new-admin-allowed-users .notice-worning strong {
+  font-weight: 600;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #414651;
+  margin-bottom: 0.15625rem;
+}
+
+/* app/views/kaui/admin_allowed_users/show.html.erb */
+
+.user-details-container {
+  max-width: 80rem;
+  width: 100%;
+}
+
+.user-details-container .user-details-header {
+  display: flex;
+  align-items: start;
+  justify-content: space-between;
+  padding: 0;
+  border-bottom: 0.0625rem solid #E9EAEB;
+}
+
+.user-details-container .user-details-header h2 {
+  font-weight: 600;
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+  color: #414651;
+  margin: 0;
+  margin-bottom: 1.25rem;
+}
+
+.user-details-container span {
+  font-weight: 400;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  color: #717680;
+  margin: 0;
+}
+
+.user-details-container b {
+  display: block;
+  margin-bottom: 0.25rem;
+  color: #414651 !important;
+  font-weight: 600;
+  font-size: 0.875rem !important;
+  line-height: 1.25rem;
+  text-align: left;
+}
+
+.user-details-container .delete-button {
+  padding: 0 !important;
+  background-color: transparent !important;
+  border: none !important;
+  text-decoration: none !important;
+  color: #D92D20 !important;
+  font-weight: 500;
+  padding-right: 0.3125rem !important;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  margin: 0 0.625rem;
+}

data/app/assets/stylesheets/kaui/audit.css

@@ -1,19 +1,29 @@
 #showHistoryModal #templatesPlaceHolder {
-  display: flex; }
-  #showHistoryModal #templatesPlaceHolder .panel {
-    margin-left: 5px; }
-    #showHistoryModal #templatesPlaceHolder .panel .panel-heading {
-      white-space: nowrap; }
-  #showHistoryModal #templatesPlaceHolder .list-group-item {
-    padding: 5px;
-    min-height: 32px;
-    overflow-x: hidden;
-    white-space: nowrap; }
-  #showHistoryModal #templatesPlaceHolder #templateFieldsPlaceHolder .list-group-item span {
-    text-transform: capitalize;
-    font-weight: bold; }
-  #showHistoryModal #templatesPlaceHolder #templatePlaceHolder {
-    display: flex;
-    overflow-x: auto; }
+  display: flex;
+}
+#showHistoryModal #templatesPlaceHolder .panel {
+  margin-left: 0.3125rem;
+}
+#showHistoryModal #templatesPlaceHolder .panel .panel-heading {
+  white-space: nowrap;
+}
+#showHistoryModal #templatesPlaceHolder .list-group-item {
+  padding: 0.3125rem;
+  min-height: 2rem;
+  overflow-x: hidden;
+  white-space: nowrap;
+}
+#showHistoryModal
+  #templatesPlaceHolder
+  #templateFieldsPlaceHolder
+  .list-group-item
+  span {
+  text-transform: capitalize;
+  font-weight: bold;
+}
+#showHistoryModal #templatesPlaceHolder #templatePlaceHolder {
+  display: flex;
+  overflow-x: auto;
+}
 
 /*# sourceMappingURL=audit.css.map */