@yesilyazilim/web.spa 1.0.53 → 1.0.55

package/index.css

@@ -3272,9 +3272,9 @@ a, area, button, input, label, select, summary, textarea, [tabindex] {
   --primary-900: var(--blue-900);
   --primary-dark: var(--blue-500);
   --active: var(--blue-400);
-  --secondary: var(--stone-500);
-  --secondary-hover: var(--stone-600);
-  --secondary-focus: var(--stone-700);
+  --secondary: var(--slate-500);
+  --secondary-hover: var(--slate-600);
+  --secondary-focus: var(--slate-700);
   --primary-gray: var(--zinc-500);
   --primary-gray-dark: var(--zinc-700);
   --primary-gray-darker: var(--zinc-800);
@@ -4722,11 +4722,17 @@ app-radio-button {
 }
 
 app-radio-button > button {
+  padding: var(--spacing);
   border-radius: 0;
+  align-items: center;
 }
 
-app-radio-button > button[checked] {
-  background-color: var(--active);
+app-radio-button > button > i {
+  font-size: 1.2rem;
+}
+
+app-radio-button > button[checked] > i {
+  color: var(--primary) !important;
 }
 
 app-radio-button > button:first-child {
@@ -4743,6 +4749,21 @@ app-radio-button > button:last-child {
   border-bottom-right-radius: var(--border-radius);
 }
 
+app-radio-button.flat > button {
+  color: var(--main-color);
+  background-color: #0000;
+  border: none;
+}
+
+app-radio-button.flat > button:focus {
+  box-shadow: none;
+}
+
+app-radio-button.readonly * {
+  cursor: default !important;
+  pointer-events: none !important;
+}
+
 :root {
   --tab-header-background: var(--background-color);
   --tab-header-foreground: var(--color);
@@ -5673,6 +5694,10 @@ app-form app-form-line.full {
   grid-column: 1 / -1;
 }
 
+app-form app-form-line.double {
+  grid-column-start: span 2;
+}
+
 app-form app-form-line > .titleContainer {
   align-items: center;
   gap: var(--spacing-half);
@@ -6223,6 +6248,24 @@ combo-box > app-dropdown > .ddBody > app-list > .app-list-filter-input {
   width: calc(100% - var(--spacing) * 2);
 }
 
+combo-box.readonly {
+  cursor: default;
+  border: none;
+}
+
+combo-box.readonly * {
+  pointer-events: none !important;
+}
+
+combo-box.readonly > .iconButton, combo-box.readonly > app-dropdown {
+  display: none;
+}
+
+combo-box.readonly > .screen {
+  cursor: default;
+  border: none;
+}
+
 app-host {
   width: 100%;
   height: 100%;