@quidgest/ui 0.16.1 → 0.16.3

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 (22) hide show
  1. package/dist/ui.css +10 -24
  2. package/dist/ui.esm.js +297 -283
  3. package/dist/ui.js +8 -8
  4. package/dist/ui.min.css +1 -1
  5. package/dist/ui.min.js +7 -7
  6. package/dist/ui.scss +19 -31
  7. package/esm/components/QButtonGroup/QButtonGroup.d.ts.map +1 -1
  8. package/esm/components/QButtonGroup/QButtonGroup.vue.js +5 -4
  9. package/esm/components/QLineLoader/QLineLoader.d.ts +2 -1
  10. package/esm/components/QLineLoader/QLineLoader.d.ts.map +1 -1
  11. package/esm/components/QLineLoader/QLineLoader.vue.js +18 -9
  12. package/esm/components/QLineLoader/index.d.ts +1 -1
  13. package/esm/components/QLineLoader/index.d.ts.map +1 -1
  14. package/esm/components/QLineLoader/types.d.ts +11 -1
  15. package/esm/components/QLineLoader/types.d.ts.map +1 -1
  16. package/esm/components/QToggle/QToggle.d.ts.map +1 -1
  17. package/esm/components/QToggle/QToggle.vue.js +10 -7
  18. package/esm/components/QToggleGroup/QToggleGroup.d.ts.map +1 -1
  19. package/esm/components/QToggleGroup/QToggleGroup.vue.js +8 -9
  20. package/esm/composables/useGroup/index.d.ts.map +1 -1
  21. package/esm/composables/useGroup/index.js +23 -21
  22. package/package.json +1 -1
package/dist/ui.css CHANGED
@@ -2833,35 +2833,21 @@ body *::-webkit-scrollbar-track {
2833
2833
  }
2834
2834
 
2835
2835
  .q-line-loader {
2836
+ --q-line-loader-height: 4px;
2837
+ --q-line-loader-color: var(--q-theme-primary-rgb);
2836
2838
  width: 100%;
2837
- height: 2px;
2838
- display: inline-block;
2839
- position: relative;
2840
- background: transparent;
2841
- overflow: hidden;
2839
+ height: var(--q-line-loader-height);
2840
+ background: linear-gradient(90deg, rgb(var(--q-line-loader-color)/6.7%) 33%, rgb(var(--q-line-loader-color)/100%) 50%, rgb(var(--q-line-loader-color)/6.7%) 66%) #f2f2f2;
2841
+ background-size: 300% 100%;
2842
+ animation: l1 1s infinite linear;
2842
2843
  }
2843
- .q-line-loader::after {
2844
- content: "";
2845
- min-width: 33%;
2846
- height: 2px;
2847
- /* stylelint-disable @stylistic/function-parentheses-space-inside */
2848
- background: linear-gradient(to right, rgb(237, 235, 233) 0%, var(--q-theme-primary) 50%, rgb(237, 235, 233) 100%);
2849
- /* stylelint-enable @stylistic/function-parentheses-space-inside */
2850
- position: absolute;
2851
- top: 0;
2852
- left: 0;
2853
- box-sizing: border-box;
2854
- animation: q-move 2s linear infinite;
2844
+ .q-line-loader--rounded {
2845
+ border-radius: 9999px;
2855
2846
  }
2856
2847
 
2857
- @keyframes q-move {
2848
+ @keyframes l1 {
2858
2849
  0% {
2859
- left: 0;
2860
- transform: translateX(-100%);
2861
- }
2862
- 100% {
2863
- left: 100%;
2864
- transform: translateX(0%);
2850
+ background-position: right;
2865
2851
  }
2866
2852
  }
2867
2853
  .q-list {