@quidgest/ui 0.15.1 → 0.15.3

package/dist/manifest/components.json

@@ -33,6 +33,8 @@
   "QPropertyListRow",
   "QPropertyListGroup",
   "QPropertyListPanel",
+  "QRadioButton",
+  "QRadioGroup",
   "QSelect",
   "QSkeletonLoader",
   "QSpinnerLoader",

package/dist/ui.css

@@ -1,4 +1,4 @@
-/*! modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */
 /*
 Document
 ========
@@ -12,35 +12,30 @@ Use a better box model (opinionated).
   box-sizing: border-box;
 }
 
+/**
+1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
+2. Correct the line height in all browsers.
+3. Prevent adjustments of font size after orientation changes in iOS.
+4. Use a more readable tab size (opinionated).
+*/
 html {
-  /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
-  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
-  line-height: 1.15; /* 1. Correct the line height in all browsers. */
-  -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
-  -moz-tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
-  -o-tab-size: 4;
-     tab-size: 4; /* 3 */
+  font-family: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; /* 1 */
+  line-height: 1.15; /* 2 */
+  -webkit-text-size-adjust: 100%; /* 3 */
+  -moz-tab-size: 4;
+    -o-tab-size: 4;
+       tab-size: 4; /* 4 */
 }
 
 /*
 Sections
 ========
 */
-body {
-  margin: 0; /* Remove the margin in all browsers. */
-}
-
-/*
-Grouping content
-================
-*/
 /**
-1. Add the correct height in Firefox.
-2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
+Remove the margin in all browsers.
 */
-hr {
-  height: 0; /* 1 */
-  color: inherit; /* 2 */
+body {
+  margin: 0;
 }
 
 /*
@@ -48,7 +43,7 @@ Text-level semantics
 ====================
 */
 /**
-Add the correct font weight in Edge and Safari.
+Add the correct font weight in Chrome and Safari.
 */
 b,
 strong {
@@ -98,12 +93,10 @@ Tabular data
 ============
 */
 /**
-1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
-2. Correct table border color inheritance in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
+Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
 */
 table {
-  text-indent: 0; /* 1 */
-  border-color: inherit; /* 2 */
+  border-color: currentcolor;
 }
 
 /*
@@ -125,14 +118,6 @@ textarea {
   margin: 0; /* 2 */
 }
 
-/**
-Remove the inheritance of text transform in Edge and Firefox.
-*/
-button,
-select {
-  text-transform: none;
-}
-
 /**
 Correct the inability to style clickable types in iOS and Safari.
 */
@@ -143,29 +128,6 @@ button,
   -webkit-appearance: button;
 }
 
-/**
-Remove the inner border and padding in Firefox.
-*/
-::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-/**
-Restore the focus styles unset by the previous rule.
-*/
-:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-/**
-Remove the additional ':invalid' styles in Firefox.
-See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
-*/
-:-moz-ui-invalid {
-  box-shadow: none;
-}
-
 /**
 Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
 */
@@ -213,6 +175,21 @@ Remove the inner padding in Chrome and Safari on macOS.
   font: inherit; /* 2 */
 }
 
+/*
+Interactive
+===========
+*/
+/*
+Add the correct display in Chrome and Safari.
+*/
+summary {
+  display: list-item;
+}
+
+/*
+Custom Extensions
+================
+*/
 /**
 Remove the default browser styling for `<input type="color">`
 to ensure consistent appearance across different browsers.
@@ -238,17 +215,6 @@ to ensure consistent appearance across different browsers.
   border: 0;
 }
 
-/*
-Interactive
-===========
-*/
-/*
-Add the correct display in Chrome and Safari.
-*/
-summary {
-  display: list-item;
-}
-
 /* global settings */
 :root {
   --border-radius: 0.25rem;
@@ -2568,11 +2534,6 @@ body *::-webkit-scrollbar-track {
   padding-left: 0.25rem;
   padding-right: 0.05rem;
 }
-.q-field--required > .q-field__label label::after {
-  content: " *";
-  font-weight: 700;
-  color: var(--q-theme-danger);
-}
 .q-field--readonly > .q-field__control {
   background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
 }
@@ -2781,6 +2742,11 @@ body *::-webkit-scrollbar-track {
 .q-label .q-icon {
   color: currentcolor;
 }
+.q-label--required::after {
+  content: " *";
+  font-weight: 700;
+  color: var(--q-theme-danger);
+}
 
 .q-line-loader {
   width: 100%;
@@ -3047,11 +3013,10 @@ body *::-webkit-scrollbar-track {
 
 .q-popover .q-overlay__content {
   position: relative;
-  z-index: 1070;
   display: flex;
   flex-direction: column;
-  gap: 0.5rem;
   max-width: 276px;
+  gap: 0.5rem;
   padding: 1rem;
   font-size: 0.81rem;
   line-height: 1.5;
@@ -3062,8 +3027,12 @@ body *::-webkit-scrollbar-track {
   line-break: auto;
 }
 .q-popover__header {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+.q-popover__title {
   margin: 0;
-  border-radius: 0.25rem;
   font-size: 0.9rem;
 }
 
@@ -3144,6 +3113,111 @@ body *::-webkit-scrollbar-track {
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
+.q-radio-group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.q-radio-group__group {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.q-radio-group--horizontal .q-radio-group__group {
+  flex-direction: row;
+}
+
+.q-radio-button {
+  --q-radio-button-circle-size: 1rem;
+  --q-radio-button-checked-color: var(--q-theme-primary);
+  display: flex;
+  align-items: center;
+  font-size: var(--q-radio-button-circle-size);
+  gap: 0.5em;
+}
+.q-radio-button label {
+  font-size: 0.875em;
+  line-height: 1;
+}
+.q-radio-button__input {
+  position: relative;
+  width: var(--q-radio-button-circle-size);
+  height: var(--q-radio-button-circle-size);
+  background-color: transparent;
+  flex-shrink: 0;
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  border-width: 1px;
+  border-color: var(--q-theme-neutral);
+  border-radius: 50%;
+  /** The inner dot */
+}
+.q-radio-button__input::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0.5em;
+  height: 0.5em;
+  background-color: var(--q-theme-background);
+  border-radius: 50%;
+  transform: translate(-50%, -50%) scale(0);
+  opacity: 0;
+  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
+}
+.q-radio-button__input:checked::before {
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+}
+.q-radio-button__input:checked:not(:disabled) {
+  background-color: var(--q-radio-button-checked-color);
+  border-color: var(--q-radio-button-checked-color);
+}
+.q-radio-button__input:checked:disabled::before {
+  background-color: var(--q-theme-neutral);
+}
+.q-radio-button__input:hover:not(:disabled) {
+  border-color: var(--q-radio-button-checked-color);
+  cursor: pointer;
+}
+.q-radio-button__input:focus:not(:disabled) {
+  outline: 0;
+}
+.q-radio-button__input:focus-visible:not(:disabled) {
+  outline: 2px solid rgb(var(--q-theme-info-rgb)/50%);
+}
+.q-radio-button--primary {
+  --q-radio-button-checked-color: var(--q-theme-primary);
+}
+.q-radio-button--info {
+  --q-radio-button-checked-color: var(--q-theme-info);
+}
+.q-radio-button--success {
+  --q-radio-button-checked-color: var(--q-theme-success);
+}
+.q-radio-button--warning {
+  --q-radio-button-checked-color: var(--q-theme-warning);
+}
+.q-radio-button--danger {
+  --q-radio-button-checked-color: var(--q-theme-danger);
+}
+.q-radio-button--disabled {
+  opacity: 0.5;
+}
+.q-radio-button--readonly .q-radio-button__input {
+  background-color: rgb(var(--q-theme-neutral-light-rgb)/25%);
+}
+.q-radio-button--invalid .q-radio-button__input {
+  border-color: var(--q-theme-danger);
+}
+.q-radio-button--small {
+  --q-radio-button-circle-size: 0.875rem;
+}
+.q-radio-button--large {
+  --q-radio-button-circle-size: 1.125rem;
+}
+
 .q-select {
   /* Icon of the selected item */
 }