@solfacil/girassol 0.2.6 → 0.2.9

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.2.6",
+  "version": "0.2.9",
   "authors": [
     {
       "name": "Kevin Martin",
@@ -57,17 +57,17 @@
     "pre-commit": "./.husky/run-staged-tests.js"
   },
   "dependencies": {
-    "@vueuse/core": "^9.0.0",
+    "@vueuse/core": "^9.1.0",
     "gluegun": "latest",
     "vue": "^3.2.37"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.25.2",
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
+    "@antfu/eslint-config": "^0.26.1",
+    "@babel/core": "^7.18.10",
+    "@babel/preset-env": "^7.18.10",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
-    "@iconify/json": "^2.1.84",
+    "@iconify/json": "^2.1.89",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-actions": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
@@ -77,14 +77,14 @@
     "@storybook/vue3": "^6.5.9",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/user-event": "^14.2.1",
-    "@testing-library/vue": "^6.6.0",
+    "@testing-library/vue": "^6.6.1",
     "@types/jest-axe": "^3.5.4",
     "@types/node": "^17.0.41",
     "@typescript-eslint/eslint-plugin": "^5.30.0",
     "@typescript-eslint/parser": "^5.30.0",
     "@vitejs/plugin-vue": "^3.0.1",
     "babel-loader": "^8.2.5",
-    "c8": "^7.11.3",
+    "c8": "^7.12.0",
     "cli-spinner": "^0.2.10",
     "commitizen": "^4.2.4",
     "copyfiles": "^2.4.1",
@@ -107,12 +107,12 @@
     "ts-node": "^10.8.1",
     "typescript": "^4.7.4",
     "unplugin-icons": "^0.14.7",
-    "vite": "^3.0.3",
+    "vite": "^3.0.5",
     "vite-plugin-inspect": "^0.5.1",
     "vite-plugin-windicss": "^1.8.7",
-    "vitest": "^0.19.1",
+    "vitest": "^0.21.1",
     "vue-loader": "^17.0.0",
-    "vue-tsc": "^0.39.2",
+    "vue-tsc": "^0.40.0",
     "windicss": "^3.5.6"
   },
   "repository": {

package/public/main.css

@@ -1,41 +1,41 @@
+/* latin-ext */
 @font-face {
-  font-family: "Lato";
-  src: url("./fonts/lato/Lato-Regular.ttf");
+  font-family: 'Lato';
+  font-style: normal;
   font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
-
-@font-face {
-  font-family: "Lato";
-  src: url("./fonts/lato/Lato-Bold.ttf");
-  font-weight: bold;
-}
-
+/* latin */
 @font-face {
-  font-family: "Lato";
-  src: url("./fonts/lato/Lato-Medium.ttf");
-  font-weight: 500;
-}
-
-
-@font-face {
-  font-family: "Rubik";
-  src: url("./fonts/rubik/Rubik-Regular.ttf");
+  font-family: 'Lato';
+  font-style: normal;
   font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/lato/v23/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
-
+/* latin-ext */
 @font-face {
-  font-family: "Rubik";
-  src: url("./fonts/rubik/Rubik-Bold.ttf");
-  font-weight: bold;
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
-
+/* latin */
 @font-face {
-  font-family: "Rubik";
-  src: url("./fonts/rubik/Rubik-Medium.ttf");
-  font-weight: 500;
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap; 
+  src: url(https://fonts.gstatic.com/s/lato/v23/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 
 @font-face {
-  font-family: "Roboto Slab";
-  src: url("./fonts/roboto-slab/RobotoSlab.ttf");
-}
+  font-family: 'Grotesk';
+  src: url('https://cdn.solfacil.com.br/commons/fonts/PPRightGrotesk-WideMedium.woff2')
+}

package/theme/solfacil/screens.ts

@@ -1,5 +1,5 @@
 export const screens = {
   'sm': { max: '767px' },
-  'md': { min: '768px', max: '1365px' },
+  'md': { min: '768px' },
   'lg': { min: '1366px' },
 }

package/theme/solfacil/typography.ts

@@ -2,7 +2,7 @@ export default {
   fontFamily: {
     sans: ['"Lato"', 'sans-serif'],
     base: ['"Lato"', 'sans-serif'],
-    highlight: ['"Rubik"'],
+    highlight: ['"Grotesk"',  'sans-serif'],
   },
 
   fontSize: {
@@ -38,7 +38,6 @@ export default {
 
   fontWeight: {
     regular: 400,
-    medium: 500,
     bold: 700,
   },
 

package/theme/solfacil/utilities.ts

@@ -8,7 +8,7 @@ export const componentTypos = plugin(({ addUtilities, theme }) => {
     fontFamily: wrapperThemeType('fontFamily.highlight'),
     color: wrapperThemeType('colors.neutral.low.dark'),
     lineHeight: wrapperThemeType('lineHeight.xs'),
-    fontWeight: wrapperThemeType('fontWeight.medium'),
+    fontWeight: wrapperThemeType('fontWeight.regular'),
   }
   const display = {
     '.fonts-display-large': {
@@ -42,7 +42,7 @@ export const componentTypos = plugin(({ addUtilities, theme }) => {
     fontFamily: wrapperThemeType('fontFamily.highlight'),
     lineHeight: wrapperThemeType('lineHeight.xs'),
     color: wrapperThemeType('colors.neutral.low.dark'),
-    fontWeight: wrapperThemeType('fontWeight.medium'),
+    fontWeight: wrapperThemeType('fontWeight.regular'),
 
   }
   const heading = {
@@ -112,13 +112,24 @@ export const componentTypos = plugin(({ addUtilities, theme }) => {
     lineHeight: wrapperThemeType('lineHeight.xs'),
   }
   const body = {
+    '.fonts-body-x-large-regular': {
+      ...bodyCommons,
+      fontSize: wrapperThemeType('fontSize.xs'),
+      fontWeight: wrapperThemeType('fontWeight.regular'),
+    },
+    '.fonts-body-x-large-bold': {
+      ...bodyCommons,
+      fontSize: wrapperThemeType('fontSize.xs'),
+      fontWeight: wrapperThemeType('fontWeight.bold'),
+    },
+
     '.fonts-body-large-regular': {
       ...bodyCommons,
       fontSize: wrapperThemeType('fontSize.2xs'),
       fontWeight: wrapperThemeType('fontWeight.regular'),
     },
 
-    '.fonts-body-larger-bold': {
+    '.fonts-body-large-bold': {
       ...bodyCommons,
       fontSize: wrapperThemeType('fontSize.2xs'),
       fontWeight: wrapperThemeType('fontWeight.bold'),
@@ -203,11 +214,7 @@ export const outlinesForFocus = plugin(({ addUtilities }) => {
     '.outline-focused': {
       outline: '2px solid #8250DF',
       outlineOffset: '2px',
-    },
-
-    '.outline-focused-invert': {
-      outline: '2px solid #ffffff',
-      outlineOffset: '0px',
+      outlineStyle: 'auto',
     },
   })
 })

package/vite.config.ts

@@ -33,6 +33,7 @@ export default defineConfig({
     alias: {
       '@': path.resolve(currentPath, './src'),
       '@assets': path.resolve(currentPath, './src/assets'),
+      '@composables': path.resolve(currentPath, './src/composables'),
       '@components': path.resolve(currentPath, './src/components'),
       '@forms': path.resolve(currentPath, './src/components/forms'),
       '@themes': path.resolve(currentPath, 'theme'),
@@ -42,7 +43,7 @@ export default defineConfig({
   plugins: [
     vue({
       include: [/\.vue$/],
-    }),
+    }) as any,
 
     WindiCSS(),