@pequity/squirrel 1.0.4 → 1.0.6

package/squirrel/tailwind/config.ts

@@ -0,0 +1,106 @@
+import defaultTheme from 'tailwindcss/defaultTheme';
+import type { Config } from 'tailwindcss';
+
+export const squirrelTailwindConfig = {
+  content: ['./index.html', './**/*.{vue,js,ts,jsx,tsx,mdx}'],
+  theme: {
+    colors: {
+      transparent: 'transparent',
+      current: 'currentColor',
+      /* Design system colors */
+      white: '#fff',
+      black: '#000',
+      night: 'var(--color-night)',
+      'barley-white': 'var(--color-barley-white)',
+      'horses-neck': 'var(--color-horses-neck)',
+      'active-blue': 'var(--color-active-blue)',
+      /* Pequity colors */
+      'p-gray': {
+        10: 'var(--color-p-gray-10)',
+        20: 'var(--color-p-gray-20)',
+        30: 'var(--color-p-gray-30)',
+        40: 'var(--color-p-gray-40)',
+        50: 'var(--color-p-gray-50)',
+        60: 'var(--color-p-gray-60)',
+        70: 'var(--color-p-gray-70)',
+        80: 'var(--color-p-gray-80)',
+        90: 'var(--color-p-gray-90)',
+        100: 'var(--color-p-gray-100)',
+      },
+      'p-blue': {
+        10: 'var(--color-p-blue-10)',
+        15: 'var(--color-p-blue-15)',
+        20: 'var(--color-p-blue-20)',
+        30: 'var(--color-p-blue-30)',
+        40: 'var(--color-p-blue-40)',
+        50: 'var(--color-p-blue-50)',
+        60: 'var(--color-p-blue-60)',
+        70: 'var(--color-p-blue-70)',
+        80: 'var(--color-p-blue-80)',
+      },
+      'p-purple': {
+        10: 'var(--color-p-purple-10)',
+        20: 'var(--color-p-purple-20)',
+        30: 'var(--color-p-purple-30)',
+        40: 'var(--color-p-purple-40)',
+        50: 'var(--color-p-purple-50)',
+        60: 'var(--color-p-purple-60)',
+      },
+      'p-green': {
+        10: 'var(--color-p-green-10)',
+        20: 'var(--color-p-green-20)',
+        30: 'var(--color-p-green-30)',
+        40: 'var(--color-p-green-40)',
+        50: 'var(--color-p-green-50)',
+      },
+      'p-red': {
+        10: 'var(--color-p-red-10)',
+        20: 'var(--color-p-red-20)',
+        30: 'var(--color-p-red-30)',
+        40: 'var(--color-p-red-40)',
+        50: 'var(--color-p-red-50)',
+      },
+      /* Aliases */
+      primary: 'var(--color-primary)',
+      accent: 'var(--color-accent)',
+      surface: 'var(--color-surface)',
+      'on-surface': 'var(--color-on-surface)',
+      error: 'var(--color-error)',
+      'on-error': 'var(--color-on-error)',
+      info: 'var(--color-info)',
+      'on-info': 'var(--color-on-info)',
+      success: 'var(--color-success)',
+      'on-success': 'var(--color-on-success)',
+      warning: 'var(--color-warning)',
+      'on-warning': 'var(--color-on-warning)',
+    },
+    fontFamily: {
+      sans: ['Inter', ...defaultTheme.fontFamily.sans],
+    },
+    fontSize: {
+      xs: '0.75rem',
+      sm: '0.875rem',
+      base: '1rem',
+      lg: '1.125rem',
+      xl: '1.25rem',
+      '2xl': '1.5rem',
+      '3xl': '1.875rem',
+      '4xl': '2.25rem',
+      '5xl': '3rem',
+      '6xl': '4rem',
+    },
+    extend: {
+      borderColor: {
+        DEFAULT: 'var(--color-p-gray-30)',
+      },
+      spacing: {
+        7.5: '1.875rem',
+      },
+      zIndex: {
+        110: '110',
+      },
+      screens: {},
+    },
+  },
+  plugins: [],
+} satisfies Config;

package/squirrel/utils/tailwind.ts

@@ -1,11 +1,11 @@
 import resolveConfig from 'tailwindcss/resolveConfig';
 // Relative import is used here because of
 // "Module source URI is not allowed in this document: “http://tailwind.config/”" error
-import tailwindConfig from '../../tailwind.config';
 import { get } from 'lodash-es';
+import { squirrelTailwindConfig } from '@squirrel/tailwind/config';
 import type { Config } from 'tailwindcss';
 
-const config = resolveConfig(tailwindConfig);
+const config = resolveConfig(squirrelTailwindConfig);
 const theme = config.theme as Config['theme'];
 const colors = theme?.colors;
 const extendedColors = theme?.extend?.colors;

package/dist/squirrel/components/index.d.ts

@@ -1,49 +0,0 @@
-import PActionBar from './p-action-bar/p-action-bar.vue';
-import PAlert from './p-alert/p-alert.vue';
-import PAvatar from './p-avatar/p-avatar.vue';
-import PBtn from './p-btn/p-btn.vue';
-import PCard from './p-card/p-card.vue';
-import PCheckbox from './p-checkbox/p-checkbox.vue';
-import PChips from './p-chips/p-chips.vue';
-import PCloseBtn from './p-close-btn/p-close-btn.vue';
-import PDatePicker from './p-date-picker/p-date-picker.vue';
-import PDrawer from './p-drawer/p-drawer.vue';
-import PDropdown from './p-dropdown/p-dropdown.vue';
-import PDropdownSelect from './p-dropdown-select/p-dropdown-select.vue';
-import PFileUpload from './p-file-upload/p-file-upload.vue';
-import PFilterIcon from './p-table-header-cell/p-table-filter-icon.vue';
-import PInfoIcon from './p-info-icon/p-info-icon.vue';
-import PInlineDatePicker from './p-inline-date-picker/p-inline-date-picker.vue';
-import PInput from './p-input/p-input.vue';
-import PInputNumber from './p-input-number/p-input-number.vue';
-import PInputPercent from './p-input-percent/p-input-percent.vue';
-import PInputSearch from './p-input-search/p-input-search.vue';
-import PLoading from './p-loading/p-loading.vue';
-import PModal from './p-modal/p-modal.vue';
-import PPagination from './p-pagination/p-pagination.vue';
-import PPaginationInfo from './p-pagination-info/p-pagination-info.vue';
-import PProgressBar from './p-progress-bar/p-progress-bar.vue';
-import PRingLoader from './p-ring-loader/p-ring-loader.vue';
-import PSelect from './p-select/p-select.vue';
-import PSelectBtn from './p-select-btn/p-select-btn.vue';
-import PSelectList from './p-select-list/p-select-list.vue';
-import PSelectPill from './p-select-pill/p-select-pill.vue';
-import PSkeletonLoader from './p-skeleton-loader/p-skeleton-loader.vue';
-import PTable from './p-table/p-table.vue';
-import PTableHeaderCell from './p-table-header-cell/p-table-header-cell.vue';
-import PTableLoader from './p-table-loader/p-table-loader.vue';
-import PTableSort from './p-table-sort/p-table-sort.vue';
-import PTableTd from './p-table-td/p-table-td.vue';
-import PTabs from './p-tabs/p-tabs.vue';
-import PTextarea from './p-textarea/p-textarea.vue';
-import PToggle from './p-toggle/p-toggle.vue';
-import { type FileUploadFile } from './p-file-upload/p-file-upload.types';
-import { type HeaderCellAttrs, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey } from './p-table/p-table.types';
-import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
-import { type Size } from './p-btn/p-btn.types';
-import { usePLoading } from './p-loading/usePLoading';
-import { usePModal } from './p-modal/usePModal';
-import { usePTableColResize } from './p-table/usePTableColResize';
-import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
-import { useSelectList } from './p-select-list/useSelectList';
-export { PActionBar, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, SORTING_TYPES, MIN_WIDTH_COL_RESIZE, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, usePModal, usePTableColResize, usePTableRowVirtualizer, useSelectList, usePLoading, SortingType, SortingTypeWithoutNoSorting, Size, FileUploadFile, HeaderCellAttrs, TableCol, ThAttrs, };

package/dist/squirrel/composables/index.d.ts

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

package/dist/squirrel/index.d.ts

@@ -1,4 +0,0 @@
-import '@squirrel/assets/squirrel.css';
-export * from './components';
-export * from './composables';
-export * from './utils';