@quidgest/ui 0.7.14 → 0.7.16

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.
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest Framework v0.7.14
2
+ * Quidgest Framework v0.7.16
3
3
  * (c) 2023 Quidgest - Consultores de Gestão, SA
4
4
  */
5
5
 
@@ -515,14 +515,6 @@ $input-height: 31.89px;
515
515
  }
516
516
  }
517
517
  .q-input-group {
518
- display: flex;
519
- align-items: flex-end;
520
- height: auto;
521
- border-width: 0;
522
- padding: 0;
523
- &:focus-within {
524
- outline: none;
525
- }
526
518
  &__prepend > :first-child {
527
519
  border-top-left-radius: $border-radius;
528
520
  border-bottom-left-radius: $border-radius;
@@ -558,19 +550,29 @@ $input-height: 31.89px;
558
550
  margin-left: -1px;
559
551
  }
560
552
  }
561
- > * {
562
- border-radius: 0;
563
- }
564
- > :first-child {
565
- border-top-left-radius: $border-radius;
566
- border-bottom-left-radius: $border-radius;
567
- }
568
- > :last-child {
569
- border-top-right-radius: $border-radius;
570
- border-bottom-right-radius: $border-radius;
571
- }
572
- > * + * {
573
- margin-left: -1px;
553
+ > .q-field__control {
554
+ display: flex;
555
+ align-items: flex-end;
556
+ height: auto;
557
+ border-width: 0;
558
+ padding: 0;
559
+ &:focus-within {
560
+ outline: none;
561
+ }
562
+ > * {
563
+ border-radius: 0;
564
+ }
565
+ > :first-child {
566
+ border-top-left-radius: $border-radius;
567
+ border-bottom-left-radius: $border-radius;
568
+ }
569
+ > :last-child {
570
+ border-top-right-radius: $border-radius;
571
+ border-bottom-right-radius: $border-radius;
572
+ }
573
+ > * + * {
574
+ margin-left: -1px;
575
+ }
574
576
  }
575
577
  }
576
578
  $line-color: var(--q-theme-primary);
@@ -694,9 +696,17 @@ $overlay-arrow-height: 0.5rem;
694
696
  $this: &;
695
697
  --q-overlay-bg: var(--q-theme-background);
696
698
  --q-overlay-color: var(--q-theme-on-background);
697
- --q-overlay-border-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
699
+
700
+ --q-overlay-border-color: #c4c5ca;
698
701
  position: absolute;
699
702
  z-index: 1070;
703
+ &__underlay {
704
+ position: fixed;
705
+ inset: 0;
706
+ &--blur {
707
+ backdrop-filter: blur(2px);
708
+ }
709
+ }
700
710
  &__content {
701
711
  display: block;
702
712
  position: relative;
@@ -707,6 +717,7 @@ $overlay-arrow-height: 0.5rem;
707
717
  background-clip: padding-box;
708
718
  border: $overlay-border-width solid var(--q-overlay-border-color);
709
719
  border-radius: $border-radius;
720
+ outline: none;
710
721
  box-shadow:
711
722
  0 0 #0000,
712
723
  0 0 #0000,
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@quidgest/ui",
3
3
  "private": false,
4
4
  "description": "Quidgest's UI framework",
5
- "version": "0.7.14",
5
+ "version": "0.7.16",
6
6
  "author": {
7
7
  "name": "Quidgest"
8
8
  },
@@ -103,7 +103,7 @@
103
103
  "format:fix": "prettier . --write",
104
104
  "lint": "eslint --max-warnings 0 --ext .ts,.vue .",
105
105
  "lint:fix": "eslint src --ext .ts,.vue --fix",
106
- "lint:style": "stylelint **/*.scss",
106
+ "lint:style": "stylelint \"**/*.scss\"",
107
107
  "test": "vitest",
108
108
  "test:coverage": "vitest run --coverage",
109
109
  "storybook": "storybook dev -p 6006",