@quidgest/ui 0.5.6 → 0.5.8

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 (11) hide show
  1. package/dist/index.d.ts +4 -4
  2. package/dist/ui.css +15 -18
  3. package/dist/ui.esm.js +347 -343
  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 -1
  8. package/dist/ui.min.js +50 -50
  9. package/dist/ui.min.js.map +1 -1
  10. package/dist/ui.scss +18 -30
  11. package/package.json +4 -6
package/dist/ui.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Quidgest Framework v0.5.6
2
+ * Quidgest Framework v0.5.8
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 */
@@ -7,7 +7,7 @@
7
7
  ========================================================================== */
8
8
  html {
9
9
  line-height: 1.15;
10
- -webkit-text-size-adjust: 100%;
10
+ text-size-adjust: 100%;
11
11
  }
12
12
  /* Sections
13
13
  ========================================================================== */
@@ -37,11 +37,6 @@ pre {
37
37
  a {
38
38
  background-color: transparent;
39
39
  }
40
- abbr[title] {
41
- border-bottom: none;
42
- text-decoration: underline;
43
- text-decoration: underline dotted;
44
- }
45
40
  b,
46
41
  strong {
47
42
  font-weight: bolder;
@@ -99,7 +94,7 @@ button,
99
94
  [type='button'],
100
95
  [type='reset'],
101
96
  [type='submit'] {
102
- -webkit-appearance: button;
97
+ appearance: button;
103
98
  }
104
99
  button::-moz-focus-inner,
105
100
  [type='button']::-moz-focus-inner,
@@ -141,14 +136,14 @@ textarea {
141
136
  height: auto;
142
137
  }
143
138
  [type='search'] {
144
- -webkit-appearance: textfield;
139
+ appearance: textfield;
145
140
  outline-offset: -2px;
146
141
  }
147
142
  [type='search']::-webkit-search-decoration {
148
- -webkit-appearance: none;
143
+ appearance: none;
149
144
  }
150
145
  ::-webkit-file-upload-button {
151
- -webkit-appearance: button;
146
+ appearance: button;
152
147
  font: inherit;
153
148
  }
154
149
  /* Interactive
@@ -220,15 +215,13 @@ $spaces: (
220
215
  'lg': $space-lg,
221
216
  'xl': $space-xl
222
217
  ) !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:
218
+ $shadow-sm: (0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05));
219
+ $shadow-md: (
228
220
  0 0 #0000,
229
221
  0 0 #0000,
230
222
  0 4px 6px -1px rgba(0, 0, 0, 0.1),
231
- 0 2px 4px -2px rgba(0, 0, 0, 0.1);
223
+ 0 2px 4px -2px rgba(0, 0, 0, 0.1)
224
+ );
232
225
  $breakpoint-xs: 599px !default;
233
226
  $breakpoint-sm: 1023px !default;
234
227
  $breakpoint-md: 1439px !default;
@@ -247,8 +240,8 @@ $outline-style: solid;
247
240
  $outline-color: rgb(var(--q-theme-primary-rgb) / 0.25);
248
241
  $outline: $outline-width $outline-style $outline-color;
249
242
  *,
250
- :after,
251
- :before {
243
+ ::after,
244
+ ::before {
252
245
  box-sizing: border-box;
253
246
  border: 0 solid $border;
254
247
  outline-offset: 1px;
@@ -444,9 +437,9 @@ $btn-outline: var(--q-theme-primary-light);
444
437
  }
445
438
  &--elevated {
446
439
  box-shadow:
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);
440
+ 0 2px 4px -1px rgb(var(--box-shadow-tint) / 0.2),
441
+ 0 4px 5px 0 rgb(var(--box-shadow-tint) / 0.14),
442
+ 0 1px 10px 0 rgb(var(--box-shadow-tint) / 0.12);
450
443
  }
451
444
 
452
445
  &--block {
@@ -468,14 +461,13 @@ $btn-outline: var(--q-theme-primary-light);
468
461
  }
469
462
  .q-btn-group {
470
463
  position: relative;
471
- display: -ms-inline-flexbox;
472
464
  display: inline-flex;
473
465
  border-radius: $border-radius;
474
466
  &--elevated {
475
467
  box-shadow:
476
- 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
477
- 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
478
- 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
468
+ 0 2px 4px -1px rgba(0, 0, 0, 0.2),
469
+ 0 4px 5px 0 rgba(0, 0, 0, 0.14),
470
+ 0 1px 10px 0 rgba(0, 0, 0, 0.12);
479
471
  }
480
472
  > .q-btn {
481
473
  position: relative;
@@ -580,10 +572,6 @@ $line-color: var(--q-theme-primary);
580
572
  top: 0;
581
573
  left: 0;
582
574
  box-sizing: border-box;
583
- -webkit-animation: q-move 2s linear infinite;
584
- -moz-animation: q-move 2s linear infinite;
585
- -ms-animation: q-move 2s linear infinite;
586
- -o-animation: q-move 2s linear infinite;
587
575
  animation: q-move 2s linear infinite;
588
576
  }
589
577
  }
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.5.6",
5
+ "version": "0.5.8",
6
6
  "author": {
7
7
  "name": "Quidgest"
8
8
  },
@@ -79,6 +79,8 @@
79
79
  "rimraf": "^5.0.5",
80
80
  "sass": "^1.69.0",
81
81
  "storybook": "7.4.6",
82
+ "stylelint": "^15.11.0",
83
+ "stylelint-config-sass-guidelines": "^10.0.0",
82
84
  "typescript": "^5.2.2",
83
85
  "vite": "^4.4.11",
84
86
  "vite-plugin-dts": "^3.6.3",
@@ -88,11 +90,6 @@
88
90
  "peerDependencies": {
89
91
  "vue": "^3.3.4"
90
92
  },
91
- "eslintConfig": {
92
- "extends": [
93
- "plugin:storybook/recommended"
94
- ]
95
- },
96
93
  "scripts": {
97
94
  "clean": "rimraf dist lib",
98
95
  "build": "pnpm clean && pnpm build:dist && pnpm build:css",
@@ -102,6 +99,7 @@
102
99
  "format:fix": "prettier . --write",
103
100
  "lint": "eslint --max-warnings 0 --ext .ts,.vue .",
104
101
  "lint:fix": "eslint src --ext .ts,.vue --fix",
102
+ "lint:style": "stylelint **/*.scss",
105
103
  "test": "vitest",
106
104
  "test:ui": "vitest --ui",
107
105
  "test:coverage": "vitest run --coverage",