@quidgest/ui 0.3.2 → 0.5.0

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 (84) hide show
  1. package/dist/index.d.ts +1590 -0
  2. package/{lib/styles → dist}/ui.css +238 -10
  3. package/dist/ui.esm.js +1078 -1374
  4. package/dist/ui.esm.js.map +1 -1
  5. package/dist/ui.js +4 -4
  6. package/dist/ui.js.map +1 -1
  7. package/dist/ui.min.css +1 -0
  8. package/dist/ui.min.js +161 -313
  9. package/dist/ui.min.js.map +1 -1
  10. package/{lib/styles → dist}/ui.scss +270 -23
  11. package/package.json +24 -25
  12. package/lib/components/QButton/QButton.vue.d.ts +0 -128
  13. package/lib/components/QButton/QButton.vue.d.ts.map +0 -1
  14. package/lib/components/QButton/index.d.ts +0 -3
  15. package/lib/components/QButton/index.d.ts.map +0 -1
  16. package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts +0 -36
  17. package/lib/components/QButtonGroup/QButtonGroup.vue.d.ts.map +0 -1
  18. package/lib/components/QButtonGroup/index.d.ts +0 -3
  19. package/lib/components/QButtonGroup/index.d.ts.map +0 -1
  20. package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts +0 -57
  21. package/lib/components/QButtonToggle/QButtonToggle.vue.d.ts.map +0 -1
  22. package/lib/components/QButtonToggle/index.d.ts +0 -3
  23. package/lib/components/QButtonToggle/index.d.ts.map +0 -1
  24. package/lib/components/QIcon/InlineSvg.d.ts +0 -72
  25. package/lib/components/QIcon/InlineSvg.d.ts.map +0 -1
  26. package/lib/components/QIcon/QIcon.vue.d.ts +0 -42
  27. package/lib/components/QIcon/QIcon.vue.d.ts.map +0 -1
  28. package/lib/components/QIcon/QIconFont.vue.d.ts +0 -59
  29. package/lib/components/QIcon/QIconFont.vue.d.ts.map +0 -1
  30. package/lib/components/QIcon/QIconImg.vue.d.ts +0 -19
  31. package/lib/components/QIcon/QIconImg.vue.d.ts.map +0 -1
  32. package/lib/components/QIcon/QIconSvg.vue.d.ts +0 -38
  33. package/lib/components/QIcon/QIconSvg.vue.d.ts.map +0 -1
  34. package/lib/components/QIcon/index.d.ts +0 -6
  35. package/lib/components/QIcon/index.d.ts.map +0 -1
  36. package/lib/components/QLineLoader/QLineLoader.vue.d.ts +0 -3
  37. package/lib/components/QLineLoader/QLineLoader.vue.d.ts.map +0 -1
  38. package/lib/components/QLineLoader/index.d.ts +0 -3
  39. package/lib/components/QLineLoader/index.d.ts.map +0 -1
  40. package/lib/components/QOverlay/QOverlay.vue.d.ts +0 -125
  41. package/lib/components/QOverlay/QOverlay.vue.d.ts.map +0 -1
  42. package/lib/components/QOverlay/index.d.ts +0 -3
  43. package/lib/components/QOverlay/index.d.ts.map +0 -1
  44. package/lib/components/QPopover/QPopover.vue.d.ts +0 -97
  45. package/lib/components/QPopover/QPopover.vue.d.ts.map +0 -1
  46. package/lib/components/QPopover/index.d.ts +0 -3
  47. package/lib/components/QPopover/index.d.ts.map +0 -1
  48. package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts +0 -15
  49. package/lib/components/QSpinnerLoader/QSpinnerLoader.vue.d.ts.map +0 -1
  50. package/lib/components/QSpinnerLoader/index.d.ts +0 -3
  51. package/lib/components/QSpinnerLoader/index.d.ts.map +0 -1
  52. package/lib/components/QTooltip/QTooltip.vue.d.ts +0 -99
  53. package/lib/components/QTooltip/QTooltip.vue.d.ts.map +0 -1
  54. package/lib/components/QTooltip/index.d.ts +0 -3
  55. package/lib/components/QTooltip/index.d.ts.map +0 -1
  56. package/lib/components/index.d.ts +0 -10
  57. package/lib/components/index.d.ts.map +0 -1
  58. package/lib/composables/defaults.d.ts +0 -7
  59. package/lib/composables/defaults.d.ts.map +0 -1
  60. package/lib/composables/index.d.ts +0 -4
  61. package/lib/composables/index.d.ts.map +0 -1
  62. package/lib/composables/overlay.d.ts +0 -13
  63. package/lib/composables/overlay.d.ts.map +0 -1
  64. package/lib/composables/theme.d.ts +0 -26
  65. package/lib/composables/theme.d.ts.map +0 -1
  66. package/lib/framework.d.ts +0 -9
  67. package/lib/framework.d.ts.map +0 -1
  68. package/lib/index.d.ts +0 -5
  69. package/lib/index.d.ts.map +0 -1
  70. package/lib/styles/ui.min.css +0 -1
  71. package/lib/templates/index.d.ts +0 -2
  72. package/lib/templates/index.d.ts.map +0 -1
  73. package/lib/templates/theme.d.ts +0 -4
  74. package/lib/templates/theme.d.ts.map +0 -1
  75. package/lib/utils/color.d.ts +0 -74
  76. package/lib/utils/color.d.ts.map +0 -1
  77. package/lib/utils/defineComponent.d.ts +0 -4
  78. package/lib/utils/defineComponent.d.ts.map +0 -1
  79. package/lib/utils/getCurrentInstance.d.ts +0 -2
  80. package/lib/utils/getCurrentInstance.d.ts.map +0 -1
  81. package/lib/utils/getElement.d.ts +0 -7
  82. package/lib/utils/getElement.d.ts.map +0 -1
  83. package/lib/utils/getUid.d.ts +0 -5
  84. package/lib/utils/getUid.d.ts.map +0 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quid UI Framework v0.3.2
2
+ * Quidgest Framework v0.5.0
3
3
  * (c) 2023 Quidgest - Consultores de Gestão, SA
4
4
  */
5
5
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -167,18 +167,6 @@ template {
167
167
  [hidden] {
168
168
  display: none;
169
169
  }
170
- .fade-enter-from,
171
- .fade-leave-to {
172
- opacity: 0;
173
- }
174
- .fade-enter-to,
175
- .fade-leave-from {
176
- opacity: 1;
177
- }
178
- .fade-enter-active,
179
- .fade-leave-active {
180
- transition: opacity 0.15s ease-in-out;
181
- }
182
170
  $border-radius: 0.25rem !default;
183
171
  $compact: true !default;
184
172
  $space-base: 0.25rem !default;
@@ -232,6 +220,15 @@ $spaces: (
232
220
  'lg': $space-lg,
233
221
  'xl': $space-xl
234
222
  ) !default;
223
+ $shadow-sm:
224
+ 0 0 #0000,
225
+ 0 0 #0000,
226
+ 0 1px 2px 0 rgba(0, 0, 0, 0.05);
227
+ $shadow-md:
228
+ 0 0 #0000,
229
+ 0 0 #0000,
230
+ 0 4px 6px -1px rgba(0, 0, 0, 0.1),
231
+ 0 2px 4px -2px rgba(0, 0, 0, 0.1);
235
232
  $breakpoint-xs: 599px !default;
236
233
  $breakpoint-sm: 1023px !default;
237
234
  $breakpoint-md: 1439px !default;
@@ -244,6 +241,50 @@ $font-weight-regular: 400;
244
241
  $font-weight-italic: 400;
245
242
  $font-weight-bold: 700;
246
243
  $font-weight-black: 900;
244
+ $border: #dce3e8;
245
+ $outline-width: 2px;
246
+ $outline-style: solid;
247
+ $outline-color: rgb(var(--q-theme-primary-rgb) / 0.25);
248
+ $outline: $outline-width $outline-style $outline-color;
249
+ *,
250
+ :after,
251
+ :before {
252
+ box-sizing: border-box;
253
+ border: 0 solid $border;
254
+ outline-offset: 1px;
255
+ }
256
+ body {
257
+ font-size: $font-size-base;
258
+ }
259
+ * {
260
+
261
+ &::-webkit-scrollbar {
262
+ width: 7px;
263
+ }
264
+ &::-webkit-scrollbar-thumb {
265
+ background-color: #ccc;
266
+ border-radius: $border-radius;
267
+ }
268
+ &::-webkit-scrollbar-track {
269
+ background-color: #f1f1f1;
270
+ border-radius: $border-radius;
271
+ }
272
+
273
+ scrollbar-color: #ccc #f1f1f1;
274
+ scrollbar-width: thin;
275
+ }
276
+ .fade-enter-from,
277
+ .fade-leave-to {
278
+ opacity: 0;
279
+ }
280
+ .fade-enter-to,
281
+ .fade-leave-from {
282
+ opacity: 1;
283
+ }
284
+ .fade-enter-active,
285
+ .fade-leave-active {
286
+ transition: opacity 0.2s;
287
+ }
247
288
  $btn-bg-primary: var(--q-theme-primary);
248
289
  $btn-color-primary: var(--q-theme-on-primary);
249
290
  $btn-hover-bg-primary: var(--q-theme-primary-dark);
@@ -253,18 +294,20 @@ $btn-color-tertiary: var(--q-theme-primary);
253
294
  $btn-bg-danger: var(--q-theme-danger);
254
295
  $btn-color-danger: var(--q-theme-on-danger);
255
296
  $btn-hover-bg-danger: var(--q-theme-danger-dark);
297
+ $btn-hover-bg-plain: rgb(var(--q-theme-on-background-rgb) / 0.1);
256
298
  $btn-bg-active: var(--q-theme-primary-light);
257
299
  $btn-outline: var(--q-theme-primary-light);
258
300
  .q-btn {
259
301
  $this: &;
260
- --outline-color: var(--q-theme-primary);
302
+ --box-shadow-tint: 0 0 0;
261
303
  position: relative;
262
304
  display: flex;
263
305
  flex-direction: row;
264
306
  align-items: center;
265
307
  padding: 0.4rem;
266
- border: thin solid;
308
+ border-width: 1px;
267
309
  background-color: transparent;
310
+ color: var(--q-theme-on-background);
268
311
  user-select: none;
269
312
  -webkit-user-select: none;
270
313
  -moz-user-select: none;
@@ -272,7 +315,6 @@ $btn-outline: var(--q-theme-primary-light);
272
315
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
273
316
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
274
317
  transition-duration: 0.15s;
275
- outline-offset: 1px;
276
318
  @if $compact {
277
319
  line-height: 15px;
278
320
  } @else {
@@ -282,7 +324,7 @@ $btn-outline: var(--q-theme-primary-light);
282
324
  cursor: pointer;
283
325
  }
284
326
  &:focus {
285
- outline: 2px solid var(--outline-color);
327
+ outline: $outline;
286
328
  z-index: 3;
287
329
  &:not(:focus-visible) {
288
330
  outline: 0;
@@ -338,6 +380,7 @@ $btn-outline: var(--q-theme-primary-light);
338
380
  }
339
381
 
340
382
  &--primary {
383
+ --box-shadow-tint: var(--q-theme-primary-rgb);
341
384
  background-color: $btn-bg-primary;
342
385
  border-color: $btn-bg-primary;
343
386
  color: $btn-color-primary;
@@ -347,6 +390,7 @@ $btn-outline: var(--q-theme-primary-light);
347
390
  }
348
391
  }
349
392
  &--secondary {
393
+ --box-shadow-tint: var(--q-theme-primary-rgb);
350
394
  border-color: currentColor;
351
395
  color: $btn-color-secondary;
352
396
  &:hover:not(:disabled) {
@@ -356,6 +400,7 @@ $btn-outline: var(--q-theme-primary-light);
356
400
  }
357
401
  }
358
402
  &--tertiary {
403
+ --box-shadow-tint: var(--q-theme-primary-rgb);
359
404
  background-color: transparent;
360
405
  border-color: transparent;
361
406
  color: $btn-color-tertiary;
@@ -366,6 +411,7 @@ $btn-outline: var(--q-theme-primary-light);
366
411
  }
367
412
  &--danger {
368
413
  --outline-color: var(--q-theme-danger-light);
414
+ --box-shadow-tint: var(--q-theme-danger-rgb);
369
415
  background-color: $btn-bg-danger;
370
416
  border-color: $btn-bg-danger;
371
417
  color: $btn-color-danger;
@@ -374,6 +420,11 @@ $btn-outline: var(--q-theme-primary-light);
374
420
  border-color: $btn-hover-bg-danger;
375
421
  }
376
422
  }
423
+ &--plain {
424
+ &:hover:not(:disabled) {
425
+ background-color: $btn-hover-bg-plain;
426
+ }
427
+ }
377
428
 
378
429
  &--small {
379
430
  padding: 0.25rem;
@@ -393,9 +444,9 @@ $btn-outline: var(--q-theme-primary-light);
393
444
  }
394
445
  &--elevated {
395
446
  box-shadow:
396
- 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
397
- 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
398
- 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
447
+ 0px 2px 4px -1px rgb(var(--box-shadow-tint) / 0.2),
448
+ 0px 4px 5px 0px rgb(var(--box-shadow-tint) / 0.14),
449
+ 0px 1px 10px 0px rgb(var(--box-shadow-tint) / 0.12);
399
450
  }
400
451
 
401
452
  &--block {
@@ -451,6 +502,62 @@ $btn-outline: var(--q-theme-primary-light);
451
502
  height: 1em;
452
503
  }
453
504
  }
505
+ $input-padding-y: 0.26rem;
506
+ $input-padding-x: 0.25rem;
507
+ .q-input {
508
+ display: flex;
509
+ align-items: center;
510
+ height: 2.25rem;
511
+ width: 100%;
512
+ border-radius: 0.375rem;
513
+ border-width: 1px;
514
+ background-color: transparent;
515
+ padding: $input-padding-y $input-padding-x;
516
+ font-size: 0.9rem;
517
+ line-height: 1.5rem;
518
+ transition: color var(--transition-duration) var(--transition-timing-function);
519
+ &:focus-within {
520
+ outline: $outline;
521
+ }
522
+ &__prepend,
523
+ &__append {
524
+ display: flex;
525
+ align-items: center;
526
+ }
527
+ &__append {
528
+ margin-left: auto;
529
+ }
530
+
531
+ &--readonly {
532
+ background-color: #eaebec;
533
+ }
534
+ &--disabled {
535
+ cursor: not-allowed;
536
+ opacity: 0.5;
537
+ }
538
+
539
+ &--mini {
540
+ width: 4.35rem;
541
+ }
542
+ &--small {
543
+ width: 6.525rem;
544
+ }
545
+ &--medium {
546
+ width: 10.875rem;
547
+ }
548
+ &--large {
549
+ width: 15.225rem;
550
+ }
551
+ &--x-large {
552
+ width: 19.575rem;
553
+ }
554
+ &--xx-large {
555
+ width: 36.975rem;
556
+ }
557
+ &--block {
558
+ width: 100%;
559
+ }
560
+ }
454
561
  $line-color: var(--q-theme-primary);
455
562
  .q-line-loader {
456
563
  width: 100%;
@@ -490,6 +597,86 @@ $line-color: var(--q-theme-primary);
490
597
  transform: translateX(0%);
491
598
  }
492
599
  }
600
+ .q-list {
601
+ display: flex;
602
+ flex-direction: column;
603
+ align-items: center;
604
+ position: relative;
605
+ overflow-x: hidden;
606
+ overflow-y: auto;
607
+ margin: 0;
608
+ padding: 0;
609
+ -webkit-overflow-scrolling: touch;
610
+ width: 100%;
611
+ border-radius: $border-radius;
612
+ &:focus-visible {
613
+ outline: $outline;
614
+ }
615
+ }
616
+ .q-list-item-group {
617
+ display: flex;
618
+ flex-direction: column;
619
+ align-items: center;
620
+ gap: 1px;
621
+ list-style: none;
622
+ padding: 0;
623
+ margin: 0;
624
+ width: inherit;
625
+ &__title {
626
+ color: rgb(var(--q-theme-on-background-rgb) / 0.62);
627
+ padding: 5px 6px;
628
+ line-height: 15px;
629
+ width: inherit;
630
+ }
631
+ & + & {
632
+ padding-top: $space-base;
633
+ margin-top: $space-base;
634
+ border-top-width: 1px;
635
+ }
636
+ }
637
+ .q-list-item {
638
+ $this: &;
639
+ display: flex;
640
+ gap: 0.25rem;
641
+ align-items: center;
642
+ padding: 5px 6px;
643
+ list-style: none;
644
+ line-height: 15px;
645
+ word-wrap: break-word;
646
+ -webkit-touch-callout: none;
647
+ width: inherit;
648
+ cursor: pointer;
649
+ border-radius: $border-radius;
650
+ outline: none;
651
+ &--disabled {
652
+ cursor: not-allowed;
653
+ pointer-events: none;
654
+ opacity: 0.5;
655
+ }
656
+ &:hover,
657
+ &:focus-visible,
658
+ &--highlighted {
659
+ background-color: var(--q-theme-primary-light);
660
+ }
661
+ &--selected {
662
+ background-color: rgb(var(--q-theme-primary-rgb) / 0.24);
663
+ &:hover,
664
+ &:focus-visible,
665
+ &--highlighted {
666
+ background-color: rgb(var(--q-theme-primary-rgb) / 0.39);
667
+ }
668
+ }
669
+ em {
670
+ font-style: normal;
671
+ text-decoration: underline;
672
+ }
673
+ &__check {
674
+ margin-left: auto;
675
+ }
676
+ & + & {
677
+ margin-top: 1px;
678
+ }
679
+ }
493
680
  $overlay-border-width: 1px;
494
681
  $overlay-arrow-width: 1rem;
495
682
  $overlay-arrow-height: 0.5rem;
@@ -499,12 +686,11 @@ $overlay-arrow-height: 0.5rem;
499
686
  --q-overlay-color: var(--q-theme-on-background);
500
687
  --q-overlay-border-color: rgb(var(--q-theme-on-background-rgb) / 0.1);
501
688
  position: absolute;
689
+ z-index: 1070;
502
690
  &__content {
503
691
  display: block;
504
692
  position: relative;
505
- transform: translateX(-50%);
506
- width: max-content;
507
- z-index: 1070;
693
+ width: 100%;
508
694
  background-color: var(--q-overlay-bg);
509
695
  color: var(--q-overlay-color);
510
696
  background-clip: padding-box;
@@ -648,6 +834,67 @@ $popover-header-bg: rgb(var(--q-theme-on-background-rgb) / 0.04);
648
834
  .q-popover.q-overlay--bottom .q-overlay__arrow::after {
649
835
  border-bottom-color: $popover-header-bg;
650
836
  }
837
+ .q-select {
838
+ $this: &;
839
+ &:not(#{$this}--readonly) {
840
+ background-color: transparent;
841
+ }
842
+ &:not(#{$this}--readonly):not(#{$this}--disabled) {
843
+ cursor: pointer;
844
+ }
845
+ &__placeholder {
846
+ font-style: italic;
847
+ color: rgb(var(--q-theme-on-background-rgb) / 0.5);
848
+ }
849
+ &--expanded {
850
+ #{$this}__chevron {
851
+ transform: rotate(-180deg);
852
+ }
853
+ }
854
+
855
+ .q-input__prepend {
856
+ padding-left: 6px;
857
+ padding-right: $space-base;
858
+ }
859
+ }
860
+ .q-select__clear,
861
+ .q-select__chevron,
862
+ .q-select__search-icon {
863
+ opacity: 0.5;
864
+ }
865
+ .q-select__clear,
866
+ .q-select__chevron {
867
+ &:hover {
868
+ opacity: 1;
869
+ }
870
+ }
871
+ .q-select__chevron {
872
+ transition: all 0.2s;
873
+ }
874
+ .q-select__body {
875
+ display: flex;
876
+ flex-direction: column;
877
+ align-items: center;
878
+ gap: $space-base;
879
+ width: 100%;
880
+ padding: $space-base 0;
881
+ .q-list-item {
882
+ width: calc(100% - 2 * $space-base);
883
+ }
884
+ }
885
+ .q-select__search {
886
+ width: calc(100% - 2 * $space-base);
887
+ &:focus-within {
888
+ outline: none;
889
+ }
890
+ }
891
+ .q-select__items {
892
+ max-height: 240px;
893
+ }
894
+ .q-select__loader,
895
+ .q-select__empty {
896
+ margin: calc(4 * $space-base) 0;
897
+ }
651
898
  $spinner-color: var(--q-theme-primary);
652
899
  .q-spinner-loader {
653
900
  display: flex;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@quidgest/ui",
3
3
  "private": false,
4
4
  "description": "Quidgest UI kit",
5
- "version": "0.3.2",
5
+ "version": "0.5.0",
6
6
  "author": {
7
7
  "name": "Quidgest"
8
8
  },
@@ -10,9 +10,9 @@
10
10
  "module": "dist/ui.esm.js",
11
11
  "jsdelivr": "dist/ui.js",
12
12
  "unpkg": "dist/ui.js",
13
- "types": "lib/index.d.ts",
14
- "sass": "lib/styles/ui.scss",
15
- "style": "lib/styles/ui.css",
13
+ "types": "dist/index.d.ts",
14
+ "sass": "dist/ui.scss",
15
+ "style": "dist/ui.css",
16
16
  "sideEffects": [
17
17
  "*.sass",
18
18
  "*.scss",
@@ -20,30 +20,30 @@
20
20
  "*.vue"
21
21
  ],
22
22
  "files": [
23
- "dist",
24
- "lib"
23
+ "dist"
25
24
  ],
26
25
  "exports": {
27
26
  ".": {
28
- "sass": "./lib/styles/ui.scss",
29
- "style": "./dist/ui.css",
30
- "types": "./lib/index.d.ts",
31
- "default": "./dist/ui.js"
27
+ "require": {
28
+ "sass": "./dist/ui.scss",
29
+ "style": "./dist/ui.css",
30
+ "types": "./dist/index.d.ts",
31
+ "default": "./dist/ui.js"
32
+ },
33
+ "import": {
34
+ "sass": "./dist/ui.scss",
35
+ "style": "./dist/ui.css",
36
+ "types": "./dist/index.d.ts",
37
+ "default": "./dist/ui.esm.js"
38
+ }
32
39
  },
33
40
  "./styles": {
34
- "sass": "./lib/styles/ui.scss",
41
+ "sass": "./dist/ui.scss",
35
42
  "default": "./dist/ui.css"
36
- },
37
- "./styles/*": "./lib/styles/*",
38
- "./*": "./*"
39
- },
40
- "dependencies": {
41
- "lodash-es": "^4.17.21"
43
+ }
42
44
  },
43
45
  "devDependencies": {
44
46
  "@fortawesome/fontawesome-free": "^6.4.2",
45
- "@rollup/plugin-alias": "^5.0.1",
46
- "@rollup/plugin-node-resolve": "^15.2.2",
47
47
  "@rollup/plugin-terser": "^0.4.4",
48
48
  "@storybook/addon-essentials": "7.4.6",
49
49
  "@storybook/addon-interactions": "7.4.6",
@@ -80,12 +80,12 @@
80
80
  "storybook": "7.4.6",
81
81
  "typescript": "^5.2.2",
82
82
  "vite": "^4.4.11",
83
+ "vite-plugin-dts": "^3.6.3",
83
84
  "vitest": "^0.34.6",
84
- "vue-eslint-parser": "^9.3.1",
85
- "vue-tsc": "^1.8.15"
85
+ "vue-eslint-parser": "^9.3.1"
86
86
  },
87
87
  "peerDependencies": {
88
- "vue": "^3.2.47"
88
+ "vue": "^3.3.4"
89
89
  },
90
90
  "eslintConfig": {
91
91
  "extends": [
@@ -94,10 +94,9 @@
94
94
  },
95
95
  "scripts": {
96
96
  "clean": "rimraf dist lib",
97
- "build": "pnpm clean && pnpm build:dist && pnpm build:lib && pnpm build:types",
97
+ "build": "pnpm clean && pnpm build:dist && pnpm build:css",
98
98
  "build:dist": "vite build",
99
- "build:lib": "node build/css.mjs",
100
- "build:types": "vue-tsc --pretty --emitDeclarationOnly -p tsconfig.dist.json",
99
+ "build:css": "node build/css.mjs",
101
100
  "format": "prettier . --check",
102
101
  "format:fix": "prettier . --write",
103
102
  "lint": "eslint --max-warnings 0 --ext .ts,.vue .",
@@ -1,128 +0,0 @@
1
- export type QButtonProps = {
2
- /**
3
- * Whether the button is in an active state.
4
- */
5
- active?: boolean;
6
- /**
7
- * The style of the button.
8
- */
9
- bStyle?: 'primary' | 'secondary' | 'tertiary' | 'danger';
10
- /**
11
- * The label of the button.
12
- */
13
- label?: string;
14
- /**
15
- * Indicates if the button is disabled.
16
- */
17
- disabled?: boolean;
18
- /**
19
- * Indicates if the icon should be displayed on the right side.
20
- */
21
- iconOnRight?: boolean;
22
- /**
23
- * Indicates if the button's border should be removed.
24
- */
25
- borderless?: boolean;
26
- /**
27
- * Indicates if the button should have an elevated appearance.
28
- */
29
- elevated?: boolean;
30
- /**
31
- * Indicates if the button should span the full width of its container.
32
- */
33
- block?: boolean;
34
- /**
35
- * Indicates whether the button is in a loading state.
36
- */
37
- loading?: boolean;
38
- /**
39
- * The size of the button.
40
- */
41
- size?: 'regular' | 'small';
42
- };
43
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
44
- size: {
45
- type: import("vue").PropType<"small" | "regular">;
46
- default: string;
47
- };
48
- label: {
49
- type: import("vue").PropType<string>;
50
- default: string;
51
- };
52
- active: {
53
- type: import("vue").PropType<boolean>;
54
- };
55
- bStyle: {
56
- type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "danger">;
57
- default: string;
58
- };
59
- disabled: {
60
- type: import("vue").PropType<boolean>;
61
- };
62
- iconOnRight: {
63
- type: import("vue").PropType<boolean>;
64
- };
65
- borderless: {
66
- type: import("vue").PropType<boolean>;
67
- };
68
- elevated: {
69
- type: import("vue").PropType<boolean>;
70
- };
71
- block: {
72
- type: import("vue").PropType<boolean>;
73
- };
74
- loading: {
75
- type: import("vue").PropType<boolean>;
76
- };
77
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
78
- click: (event: Event) => void;
79
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
80
- size: {
81
- type: import("vue").PropType<"small" | "regular">;
82
- default: string;
83
- };
84
- label: {
85
- type: import("vue").PropType<string>;
86
- default: string;
87
- };
88
- active: {
89
- type: import("vue").PropType<boolean>;
90
- };
91
- bStyle: {
92
- type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "danger">;
93
- default: string;
94
- };
95
- disabled: {
96
- type: import("vue").PropType<boolean>;
97
- };
98
- iconOnRight: {
99
- type: import("vue").PropType<boolean>;
100
- };
101
- borderless: {
102
- type: import("vue").PropType<boolean>;
103
- };
104
- elevated: {
105
- type: import("vue").PropType<boolean>;
106
- };
107
- block: {
108
- type: import("vue").PropType<boolean>;
109
- };
110
- loading: {
111
- type: import("vue").PropType<boolean>;
112
- };
113
- }>> & {
114
- onClick?: ((event: Event) => any) | undefined;
115
- }, {
116
- size: "small" | "regular";
117
- label: string;
118
- bStyle: "primary" | "secondary" | "tertiary" | "danger";
119
- }, {}>, {
120
- default?(_: {}): any;
121
- }>;
122
- export default _default;
123
- type __VLS_WithTemplateSlots<T, S> = T & {
124
- new (): {
125
- $slots: S;
126
- };
127
- };
128
- //# sourceMappingURL=QButton.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/QButton.vue.ts"],"names":[],"mappings":"AAQC,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAA;IAExD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC1B,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuKF,wBAAwG;AAWxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,3 +0,0 @@
1
- import QButton from './QButton.vue';
2
- export { QButton };
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,eAAe,CAAA;AAEnC,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -1,36 +0,0 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
2
- bStyle: {
3
- type: import("vue").PropType<"primary" | "secondary" | "danger">;
4
- };
5
- disabled: {
6
- type: import("vue").PropType<boolean>;
7
- };
8
- borderless: {
9
- type: import("vue").PropType<boolean>;
10
- };
11
- elevated: {
12
- type: import("vue").PropType<boolean>;
13
- };
14
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
15
- bStyle: {
16
- type: import("vue").PropType<"primary" | "secondary" | "danger">;
17
- };
18
- disabled: {
19
- type: import("vue").PropType<boolean>;
20
- };
21
- borderless: {
22
- type: import("vue").PropType<boolean>;
23
- };
24
- elevated: {
25
- type: import("vue").PropType<boolean>;
26
- };
27
- }>>, {}, {}>, {
28
- default?(_: {}): any;
29
- }>;
30
- export default _default;
31
- type __VLS_WithTemplateSlots<T, S> = T & {
32
- new (): {
33
- $slots: S;
34
- };
35
- };
36
- //# sourceMappingURL=QButtonGroup.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"QButtonGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/QButtonGroup.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0JA,wBAAwG;AAKxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,3 +0,0 @@
1
- import QButtonGroup from './QButtonGroup.vue';
2
- export { QButtonGroup };
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}