@solfacil/girassol 0.6.0 → 0.7.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "MIT",
   "authors": [
     {

package/theme/solfacil/index.ts

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

package/theme/solfacil/utilities.ts

@@ -213,7 +213,7 @@ export const outlinesForFocus = plugin(({ addUtilities }) => {
   addUtilities({
     '.outline-focused': {
       outline: '2px solid #8250DF',
-      outlineOffset: '2px',
+      outlineOffset: '4px',
       outlineStyle: 'auto',
     },
   })
@@ -325,4 +325,29 @@ export const scrollbarBase = plugin(({ addBase }) => {
       'display': 'none',
     },
   })
+})
+
+export const iconSizes = plugin(({ addUtilities }) => {
+  addUtilities({
+    '.icon-size-small': {
+      height: '16px',
+      width: '16px',
+    },
+    '.icon-size-medium': {
+      height: '24px',
+      width: '24px',
+    },
+    '.icon-size-large': {
+      height: '32px',
+      width: '32px',
+    },
+    '.icon-size-x-large': {
+      height: '40px',
+      width: '40px',
+    },
+    '.icon-size-giga': {
+      height: '48px',
+      width: '48px',
+    },
+  })
 })

package/windi.config.ts

@@ -4,10 +4,6 @@ import typography from 'windicss/plugin/typography'
 
 import { borders, colors, effects, misc, screens, spacing, typography as typos, utilities } from './theme/solfacil/'
 
-// import { sizings } from './theme/solfacil/spacing'
-
-// import { safelist } from './theme/safelist'
-
 export default defineConfig({
   darkMode: 'class',
   attributify: false,
@@ -15,16 +11,6 @@ export default defineConfig({
     include: ['index.html', 'src/**/*', '*.mdx', '*.vue'],
   },
 
-  // safelist: [
-  //   ...safelist({
-  //     activeSafeList: true,
-  //     data: {
-  //       colors,
-  //       spacing: sizings,
-  //     },
-  //   }),
-  // ],
-
   plugins: [
     typography(),
     utilities.outlinesForFocus,
@@ -33,6 +19,7 @@ export default defineConfig({
     utilities.placeholder,
     utilities.componentTypos,
     utilities.scrollbarBase,
+    utilities.iconSizes,
   ],
 
   theme: {

package/dist/types/components/informations/chip/index.d.ts

@@ -1,2 +0,0 @@
-import SolChip from './Chip.vue';
-export { SolChip, };