@solfacil/girassol 0.15.0 → 0.16.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "license": "MIT",
   "authors": [
     {
@@ -61,20 +61,20 @@
   },
   "dependencies": {
     "@vuepic/vue-datepicker": "^3.5.3",
-    "@vueuse/core": "^9.4.0",
+    "@vueuse/core": "^9.6.0",
     "gluegun": "latest",
-    "maska": "^1.5.0",
-    "vee-validate": "^4.7.1",
-    "vue": "^3.2.41"
+    "maska": "^1.5.1",
+    "vee-validate": "^4.7.3",
+    "vue": "^3.2.45"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.27.0",
-    "@babel/core": "^7.19.6",
-    "@babel/preset-env": "^7.19.4",
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
-    "@iconify/json": "^2.1.125",
-    "@semantic-release/changelog": "^6.0.1",
+    "@antfu/eslint-config": "^0.33.0",
+    "@babel/core": "^7.20.5",
+    "@babel/preset-env": "^7.20.2",
+    "@commitlint/cli": "^17.3.0",
+    "@commitlint/config-conventional": "^17.3.0",
+    "@iconify/json": "^2.1.146",
+    "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/npm": "^9.0.1",
     "@semantic-release/release-notes-generator": "^10.0.3",
@@ -89,44 +89,44 @@
     "@testing-library/user-event": "^14.4.3",
     "@testing-library/vue": "^6.6.1",
     "@types/jest-axe": "^3.5.5",
-    "@types/node": "18.8.0",
-    "@typescript-eslint/eslint-plugin": "^5.40.1",
-    "@typescript-eslint/parser": "^5.40.1",
-    "@vitejs/plugin-vue": "^3.1.2",
-    "@vitest/coverage-c8": "^0.24.3",
-    "@vitest/ui": "^0.24.3",
-    "babel-loader": "^8.2.5",
+    "@types/node": "18.11.9",
+    "@typescript-eslint/eslint-plugin": "^5.45.0",
+    "@typescript-eslint/parser": "^5.45.0",
+    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitest/coverage-c8": "^0.25.3",
+    "@vitest/ui": "^0.25.3",
+    "babel-loader": "^9.1.0",
     "c8": "^7.12.0",
     "cli-spinner": "^0.2.10",
     "commitizen": "^4.2.5",
     "conventional-changelog-conventionalcommits": "^5.0.0",
     "copyfiles": "^2.4.1",
     "critters": "^0.0.16",
-    "eslint": "^8.25.0",
+    "eslint": "^8.28.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-vue": "^9.6.0",
-    "eslint-plugin-vuejs-accessibility": "^1.2.0",
-    "husky": "^8.0.1",
-    "jest-axe": "^5.0.1",
-    "jsdom": "^20.0.1",
-    "sass": "^1.50.0",
+    "eslint-plugin-vue": "^9.8.0",
+    "eslint-plugin-vuejs-accessibility": "^2.0.0",
+    "husky": "^8.0.2",
+    "jest-axe": "^7.0.0",
+    "jsdom": "^20.0.3",
+    "sass": "^1.56.1",
     "semantic-release": "^19.0.5",
     "storybook-addon-designs": "^6.3.1",
-    "stylelint": "^14.10.0",
-    "stylelint-config-prettier": "^9.0.3",
+    "stylelint": "^14.15.0",
+    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-property-sort-order-smacss": "^9.0.0",
     "stylelint-order": "^5.0.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.8.4",
-    "unplugin-icons": "^0.14.12",
-    "vite": "^3.1.8",
-    "vite-plugin-inspect": "^0.7.5",
+    "typescript": "^4.9.3",
+    "unplugin-icons": "^0.14.14",
+    "vite": "^3.2.4",
+    "vite-plugin-inspect": "^0.7.9",
     "vite-plugin-windicss": "^1.8.8",
-    "vitest": "^0.24.3",
-    "vue-loader": "^17.0.0",
-    "vue-tsc": "^1.0.9",
+    "vitest": "^0.25.3",
+    "vue-loader": "^17.0.1",
+    "vue-tsc": "^1.0.10",
     "windicss": "^3.5.6"
   },
   "resolutions": {

package/theme/solfacil/index.ts

@@ -6,7 +6,7 @@ import effects from './effects'
 import misc from './miscs'
 
 import { screens } from './screens'
-import { componentTypos, debug, iconSizes, maxLines, outlinesForFocus, placeholder, scrollbarBase } from './utilities'
+import { componentTypos, debug, iconSizes, maxLines, outlinesForFocus, placeholder, resetFillFields, scrollbarBase } from './utilities'
 
 
 export {
@@ -27,4 +27,5 @@ export const utilities = {
   placeholder,
   scrollbarBase,
   iconSizes,
+  resetFillFields,
 }

package/theme/solfacil/screens.ts

@@ -1,10 +1,4 @@
 export const screens = {
-  // xsm: { max: '767px' },
-  // sm: { min: '768px' },
-  // md: { min: '1024px' },
-  // lg: { min: '1366px' },
-  // xl: { min: '1440px' },
-
   'xsm:site': { max: '767px' },
   'sm:site': { min: '768px' },
   'md:site': { min: '1024px' },

package/theme/solfacil/utilities.ts

@@ -303,22 +303,20 @@ export const placeholder = plugin(({ addBase, theme }) => {
 export const scrollbarBase = plugin(({ addBase }) => {
   addBase({
     '::-webkit-scrollbar': {
-      width: '12px',
+      width: '10px',
+      height: '10px',
     },
 
     '::-webkit-scrollbar-track ': {
-      'box-shadow': 'inset 0 0 14px 14px rgb(240 240 240 / 64%)',
-      'border-color': 'rgba(240, 240, 240, 0.64)',
-      'border-style': 'solid',
-      'border-width': '4px',
+      'border': 'none',
+      'background': 'rgba(222, 222, 222, 0.32)',
     },
 
     '::-webkit-scrollbar-thumb': {
-      'box-shadow': 'inset 0 0 14px 14px #222222',
+      'box-shadow': 'inset 0 0 0px 4px #222222',
       'border-color': 'transparent',
       'border-radius': '0.5rem',
       'border-style': 'solid',
-      'border-width': '4px',
     },
 
     '::-webkit-scrollbar-button': {
@@ -350,4 +348,25 @@ export const iconSizes = plugin(({ addUtilities }) => {
       width: '48px',
     },
   })
-})
+})
+
+
+export const resetFillFields = plugin(({ addBase  }) => {
+  const reset = {
+    'box-shadow': '0 0 0 100px #fff inset',
+    '-webkit-box-shadow': '0 0 0 100px #fff inset',
+  }
+
+  addBase({
+    '*': {
+      '-webkit-tap-highlight-color': 'transparent',
+    },
+    'input:autofill': reset,
+    'textarea:autofill': reset,
+    'select:autofill': reset,
+    'input:-webkit-autofill': reset,
+    'textarea:-webkit-autofill': reset,
+    'select:-webkit-autofill': reset,
+  })
+})
+

package/windi.config.ts

@@ -20,8 +20,8 @@ export default defineConfig({
     utilities.componentTypos,
     utilities.scrollbarBase,
     utilities.iconSizes,
+    utilities.resetFillFields,
   ],
-
   theme: {
     extend: {
       ...misc,