@solfacil/girassol 0.1.5 → 0.1.8

package/dist/types/components/informations/chip/Chip.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    label?: string | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    removable?: boolean | undefined;
+}>, {
+    removable: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+} & {
+    "update:selected": () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    id: string;
+    label?: string | undefined;
+    selected?: boolean | undefined;
+    disabled?: boolean | undefined;
+    removable?: boolean | undefined;
+}>, {
+    removable: boolean;
+}>>> & {
+    "onUpdate:selected"?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}, {
+    removable: boolean;
+}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

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

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

package/dist/types/composables/use-toast/index.d.ts

@@ -1,4 +1,4 @@
-import type { Position, ToastOptions, ToastContent } from './types';
+import type { Position, ToastContent, ToastOptions } from './types';
 export declare function useToast(): {
     createToast: (content: string | ToastContent, options?: ToastOptions | undefined) => {
         close: () => void;

package/dist/types/index.d.ts

@@ -7,11 +7,13 @@ import { SolRadio, SolRadioGroup } from './components/forms/radio';
 import { SolCheckbox, SolCheckboxGroup } from './components/forms/checkbox';
 import { SolSwitch } from './components/forms/switch';
 import { SolDropdown } from './components/dropdown/';
+import { SolSelect } from './components/forms/select';
+import { SolChip } from './components/informations/chip';
 import 'virtual:windi-base.css';
 import 'virtual:windi-components.css';
 import 'virtual:windi-utilities.css';
 import '@/assets/style.css';
 export { useToast } from './composables/use-toast';
 export declare function install(App: App): void;
-export { SolButton, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, };
+export { SolButton, SolInput, SolTextarea, SolTextfield, SolTextfieldPassword, SolRadio, SolRadioGroup, SolCheckbox, SolCheckboxGroup, SolSwitch, SolDropdown, SolSelect, SolChip, };
 export declare const componentsNames: string[];

package/dist/vite.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vitest/dist/config").UserConfig;
+declare const _default: import("vitest/dist/config").UserConfigExport;
 export default _default;

package/dist/windi.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vite-plugin-windicss").WindiCssOptions;
+declare const _default: import("windicss/types/interfaces").FullConfig;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solfacil/girassol",
   "description": "Girassol design system",
-  "version": "0.1.5",
+  "version": "0.1.8",
   "authors": [
     {
       "name": "Kevin Martin",
@@ -33,11 +33,12 @@
   "types": "./dist/types/index.d.ts",
   "scripts": {
     "dev": "vite --port 3333 --host",
+    "build:cli": "cd cli/ && yarn build",
     "build:lib": "vue-tsc --noEmit && vite build",
     "build:lib:ts": "vite build && vue-tsc --emitDeclarationOnly && mv dist/src dist/types",
     "preview": "vite preview",
-    "lint": "eslint . --resolve-plugins-relative-to .",
-    "lint:fix": "eslint . --fix --resolve-plugins-relative-to .",
+    "lint": "eslint src/ --resolve-plugins-relative-to .",
+    "lint:fix": "eslint src/ --fix --resolve-plugins-relative-to .",
     "girassol": "girassol",
     "test": "vitest run",
     "test:w": "vitest watch --silent ",
@@ -46,30 +47,31 @@
     "build-storybook": "build-storybook"
   },
   "dependencies": {
-    "@vueuse/core": "^8.2.6",
-    "vue": "^3.2.33"
+    "@vueuse/core": "^8.5.0",
+    "vue": "^3.2.36"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.20.2",
-    "@babel/core": "^7.17.9",
-    "@babel/preset-env": "^7.16.11",
+    "@antfu/eslint-config": "^0.23.1",
+    "@babel/core": "^7.18.2",
+    "@babel/preset-env": "^7.18.2",
     "@iconify/json": "^2.1.28",
-    "@storybook/addon-a11y": "^6.4.22",
-    "@storybook/addon-actions": "^6.4.22",
-    "@storybook/addon-essentials": "^6.4.22",
-    "@storybook/addon-links": "^6.4.22",
-    "@storybook/theming": "^6.4.22",
-    "@storybook/vue3": "^6.4.22",
+    "@storybook/addon-a11y": "^6.5.5",
+    "@storybook/addon-actions": "^6.5.5",
+    "@storybook/addon-essentials": "^6.5.5",
+    "@storybook/addon-links": "^6.5.5",
+    "@storybook/builder-vite": "^0.1.35",
+    "@storybook/theming": "^6.5.5",
+    "@storybook/vue3": "^6.5.5",
     "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/user-event": "^14.1.1",
+    "@testing-library/user-event": "^14.2.0",
     "@testing-library/vue": "^6.5.1",
     "@types/jest-axe": "^3.5.3",
-    "@types/node": "^17.0.24",
-    "@typescript-eslint/eslint-plugin": "^5.21.0",
-    "@typescript-eslint/parser": "^5.21.0",
-    "@vitejs/plugin-vue": "^2.3.1",
-    "babel-loader": "^8.2.4",
-    "c8": "^7.11.0",
+    "@types/node": "^17.0.35",
+    "@typescript-eslint/eslint-plugin": "^5.26.0",
+    "@typescript-eslint/parser": "^5.26.0",
+    "@vitejs/plugin-vue": "^2.3.3",
+    "babel-loader": "^8.2.5",
+    "c8": "^7.11.3",
     "critters": "^0.0.16",
     "eslint": "^8.14.0",
     "eslint-config-prettier": "^8.5.0",
@@ -81,20 +83,19 @@
     "jsdom": "^19.0.0",
     "sass": "^1.50.0",
     "storybook-addon-designs": "^6.2.1",
-    "storybook-builder-vite": "^0.1.23",
     "stylelint": "^14.8.2",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-property-sort-order-smacss": "^9.0.0",
     "stylelint-order": "^5.0.0",
     "typescript": "^4.6.3",
-    "unplugin-icons": "^0.14.1",
-    "vite": "^2.9.4",
-    "vite-plugin-inspect": "^0.4.3",
+    "unplugin-icons": "^0.14.3",
+    "vite": "^2.9.9",
+    "vite-plugin-inspect": "^0.5.0",
     "vite-plugin-windicss": "^1.8.4",
-    "vitest": "^0.10.0",
+    "vitest": "^0.12.9",
     "vue-loader": "^17.0.0",
-    "vue-tsc": "^0.34.6",
-    "windicss": "^3.5.1"
+    "vue-tsc": "^0.34.15",
+    "windicss": "^3.5.4"
   },
   "repository": {
     "type": "git",

package/theme/solfacil/index.ts

@@ -5,7 +5,7 @@ import spacing from './spacing'
 import effects from './effects'
 import misc from './miscs'
 
-import { outlinesForFocus, maxLines, debug } from './utilities'
+import { debug, maxLines, outlinesForFocus, placeholder } from './utilities'
 
 
 export {
@@ -21,4 +21,5 @@ export const utilities = {
   outlinesForFocus,
   maxLines,
   debug,
+  placeholder,
 }

package/theme/solfacil/utilities.ts

@@ -80,4 +80,21 @@ export const debug = plugin(({ addUtilities }) => {
       },
     },
   })
+})
+
+export const placeholder = plugin(({ addUtilities, theme }) => {
+  const placeholderSettings = {
+    color: `${theme('colors.neutral.low.light')} !important`,
+    fontSize: `${theme('fonts.3xs')} !important`,
+    fontFamily: `${theme('fonts.base')} !important`,
+    lineHeight: `${theme('fonts.leading-xs')} !important`,
+  }
+
+  addUtilities({
+    '.placeholder': {
+      '&::placeholder': placeholderSettings,
+    },
+
+    '.placeholder-inline': placeholderSettings,
+  })
 })

package/vite.config.ts

@@ -1,6 +1,6 @@
+import path from 'path'
 import { defineConfig } from 'vitest/config'
 
-import path from 'path'
 import vue from '@vitejs/plugin-vue'
 
 import Icons from 'unplugin-icons/vite'

package/windi.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from 'windicss/helpers'
 
 import typography from 'windicss/plugin/typography'
 
-import { colors, typography as typos, effects, spacing, borders, misc, utilities } from './theme/solfacil/'
+import { borders, colors, effects, misc, spacing, typography as typos, utilities } from './theme/solfacil/'
 
 export default defineConfig({
   darkMode: 'class',
@@ -16,6 +16,7 @@ export default defineConfig({
     utilities.outlinesForFocus,
     utilities.maxLines,
     utilities.debug,
+    utilities.placeholder,
   ],
 
   theme: {

package/cli/__tests__/cli-integration.test.ts

@@ -1,29 +0,0 @@
-import { system, filesystem } from 'gluegun'
-
-const src = filesystem.path(__dirname, '..')
-
-const cli = async (cmd) =>
-  system.run('node ' + filesystem.path(src, 'bin', 'girassol') + ` ${cmd}`)
-
-test('outputs version', async () => {
-  const output = await cli('--version')
-  expect(output).toContain('0.0.1')
-})
-
-test('outputs help', async () => {
-  const output = await cli('--help')
-  expect(output).toContain('0.0.1')
-})
-
-test('generates file', async () => {
-  const output = await cli('generate foo')
-
-  expect(output).toContain('Generated file at models/foo-model.ts')
-  const foomodel = filesystem.read('models/foo-model.ts')
-
-  expect(foomodel).toContain(`module.exports = {`)
-  expect(foomodel).toContain(`name: 'foo'`)
-
-  // cleanup artifact
-  filesystem.remove('models')
-})