@xola/ui-kit 2.2.0-2 → 3.0.0

package/index.d.ts

@@ -0,0 +1,174 @@
+// This is just to make the auto-import work.
+// Next step is to add types for the props.
+export {
+    AddSquareIcon,
+    Alert,
+    almostZero,
+    AnnounceIcon,
+    ArchiveIcon,
+    ArrowCcwIcon,
+    ArrowRightIcon,
+    ArrowTopRightIcon,
+    AtIcon,
+    Avatar,
+    Badge,
+    BalloonIcon,
+    BankCheckIcon,
+    BarGraphIcon,
+    BaseChartOptions,
+    BellIcon,
+    BookmarkIcon,
+    BoxIcon,
+    Breadcrumb,
+    Breakdown,
+    BriefcaseIcon,
+    Button,
+    ButtonGroup,
+    CakeIcon,
+    CalendarDayIcon,
+    CalendarIcon,
+    CalendarMonthIcon,
+    CalendarWeekIcon,
+    CapacityIcon,
+    CardAltIcon,
+    CardIcon,
+    CartIcon,
+    CashIcon,
+    Checkbox,
+    CheckIcon,
+    ChecklistIcon,
+    ChevronDownIcon,
+    ChevronLeftIcon,
+    ChevronRightIcon,
+    ChevronUpIcon,
+    ChipIcon,
+    CircleInfoIcon,
+    ClipboardIcon,
+    ClockAltIcon,
+    ClockIcon,
+    CloseCircleIcon,
+    CloseIcon,
+    CommentIcon,
+    CompassIcon,
+    CopyIcon,
+    Counter,
+    CrmIcon,
+    Currency,
+    DashboardIcon,
+    DatePicker,
+    DatePickerPopover,
+    DecreaseIcon,
+    DepositIcon,
+    DisabledIcon,
+    DisputeIcon,
+    Dot,
+    DotCircleIcon,
+    DownArrowIcon,
+    DownloadIcon,
+    Drawer,
+    EditIcon,
+    EllipsisIcon,
+    EmailIcon,
+    EmptyChecklistIcon,
+    EquipmentIcon,
+    ExportIcon,
+    EyeIcon,
+    FaceNeutralIcon,
+    FaceSadIcon,
+    FaceSmileIcon,
+    FlagIcon,
+    flash,
+    ForkIcon,
+    FormGroup,
+    FunnelIcon,
+    getSymbol,
+    GiftIcon,
+    HandIcon,
+    HeaderToolbar,
+    HiddenIcon,
+    HistogramOptions,
+    ImageIcon,
+    ImageUpload,
+    InfinityIcon,
+    Input,
+    InvoiceIcon,
+    isOSX,
+    isZeroDecimal,
+    Key,
+    KeyIcon,
+    Label,
+    LandscapeIcon,
+    LinkIcon,
+    LockIcon,
+    Login,
+    Logo,
+    MagicIcon,
+    MegaphoneIcon,
+    MenuIcon,
+    MixedChecklistIcon,
+    Modal,
+    MoneyAddIcon,
+    MoneyBackIcon,
+    MoneyIcon,
+    Number,
+    numberFormat,
+    PauseIcon,
+    PenIcon,
+    Phone,
+    PhoneIcon,
+    PieOptions,
+    PiggyBankIcon,
+    PinIcon,
+    PipeIcon,
+    PlusIcon,
+    Popover,
+    PopoverList,
+    PrintIcon,
+    ProductsIcon,
+    QuestionnaireIcon,
+    RangeSlider,
+    ReceiptIcon,
+    RefreshIcon,
+    RelativeDateRange,
+    RosterIcon,
+    RoundedSquareIcon,
+    roundNumber,
+    RulerIcon,
+    Search,
+    SearchAltIcon,
+    SearchIcon,
+    Select,
+    SendIcon,
+    ServiceIcon,
+    SettingsIcon,
+    ShapesIcon,
+    ShareIcon,
+    ShirtIcon,
+    Sidebar,
+    Skeleton,
+    Spinner,
+    SplitPaymentIcon,
+    SquareIcon,
+    StackIcon,
+    StarIcon,
+    StoreCreditIcon,
+    Switch,
+    Table,
+    Tabs,
+    Tag,
+    Textarea,
+    theme,
+    TicketIcon,
+    Tooltip,
+    TrashIcon,
+    UnlinkIcon,
+    UserAddIcon,
+    UserIcon,
+    VeteranIcon,
+    VoucherIcon,
+    WaitlistIcon,
+    WarningIcon,
+    WifiIcon,
+    WriteIcon,
+    XrayIcon,
+} from "./build/ui-kit.es";

package/package.json

@@ -1,54 +1,53 @@
 {
     "name": "@xola/ui-kit",
-    "version": "2.2.0-2",
+    "version": "3.0.0",
     "description": "Xola UI Kit",
     "license": "MIT",
     "files": [
         "build",
         "index.css",
         "tailwind.config.js",
-        "postcss.config.js"
+        "postcss.config.js",
+        "index.d.ts"
     ],
-    "main": "build/ui-kit.umd.js",
-    "module": "build/ui-kit.mjs",
-    "types": "build/src/index.d.ts",
+    "main": "build/ui-kit.es.js",
+    "module": "build/ui-kit.es",
+    "types": "build/index.d.ts",
     "scripts": {
-        "prebuild": "node scripts/prepare",
-        "build": "npx tsc && vite build",
-        "watch": "npm run build -- --watch",
-        "prestart": "node scripts/prepare",
-        "start": "start-storybook -p 6006 --no-open --quiet",
-        "predev": "node scripts/prepare",
-        "dev": "start-storybook -p 6006 --no-open --no-manager-cache",
+        "prepare": "node scripts/prepare && vite build",
+        "start": "node scripts/prepare && start-storybook -p 6006 -s public --no-open",
+        "dev": "node scripts/prepare && start-storybook -p 6006 -s public --no-manager-cache --no-open",
+        "build": "node scripts/prepare && vite build && cp index.d.ts build",
+        "build:storybook": "node scripts/prepare && build-storybook -s public",
         "clean": "rm -rf node_modules/.vite",
-        "lint:fix": "xola-lint --ignore src/stories src --fix",
-        "lint:report": "xola-lint --ignore src/stories src --reporter=json src > eslint_report.json && echo 'ESLint report saved to eslint_report.json'",
-        "format": "prettier --write src",
+        "lint:fix": "xola-lint src --fix",
+        "lint:report": "xola-lint src --reporter=json src > eslint_report.json",
+        "format": "prettier -l --write src",
         "test": "jest",
-        "build:storybook": "npm run prebuild && build-storybook",
-        "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook",
-        "prepublish": "npm run build",
-        "publish": "np --no-tests --any-branch"
+        "chromatic": "chromatic --exit-zero-on-changes --build-script-name build:storybook"
     },
     "dependencies": {
         "@headlessui/react": "^1.4.0",
-        "@tailwindcss/forms": "^0.4.0",
+        "@tailwindcss/forms": "^0.5.6",
         "@tailwindcss/line-clamp": "^0.3.1",
         "@tippyjs/react": "^4.2.6",
-        "clsx": "^1.1.1",
-        "dayjs": "^1.10.7",
+        "clsx": "^1.2.1",
+        "dayjs": "^1.11.10",
         "downshift": "^6.1.5",
         "get-user-locale": "^1.4.0",
         "google-libphonenumber": "^3.2.22",
+        "lodash": "^4.17.21",
         "nouislider-react": "^3.4.1",
-        "prop-types": "^15.7.2",
+        "prop-types": "^15.8.1",
+        "react": "^18.2.0",
         "react-day-picker": "^7.4.10",
+        "react-dom": "^18.2.0",
         "react-hot-toast": "^2.1.0",
         "react-hotkeys-hook": "^3.4.0",
         "react-json-view": "^1.21.3",
         "react-select": "^5.7.0",
         "storybook-addon-designs": "^6.3.1",
-        "tippy.js": "^6.3.1"
+        "tippy.js": "^6.3.7"
     },
     "devDependencies": {
         "@babel/core": "^7.14.8",
@@ -60,30 +59,31 @@
         "@storybook/addons": "^6.5.10",
         "@storybook/react": "^6.5.10",
         "@storybook/theming": "^6.5.10",
-        "@xola/jslint": "^2.1.2",
+        "@types/react": "^18.2.22",
+        "@types/react-dom": "^18.2.7",
+        "@xola/jslint": "^2.2.1",
         "autoprefixer": "^10.4.5",
         "babel-jest": "^27.2.0",
         "babel-loader": "^8.2.2",
         "chromatic": "^6.11.4",
-        "jest": "^27.2.0",
-        "lodash": "^4.17.21",
+        "jest": "^29.7.0",
         "postcss": "^8.4.5",
-        "prettier": "^2.7.1",
-        "prettier-plugin-tailwindcss": "^0.2.8",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
+        "prettier": "2.8",
+        "prettier-plugin-tailwindcss": "^0.4.1",
         "storybook-css-modules-preset": "^1.1.1",
         "tailwindcss": "^3.1.8",
         "typescript": "4.7",
-        "vite": "^3.0.8"
+        "vite": "3.2"
     },
     "peerDependencies": {
+        "@types/react": "^18.2.22",
+        "@types/react-dom": "^18.2.7",
         "autoprefixer": "^10.3.1",
-        "lodash": "^4.17.21",
         "postcss": "^8.3.6",
-        "react": "^17.0.2",
-        "react-dom": "^17.0.2",
-        "tailwindcss": "^3.0.18"
+        "react": "^18.2.0",
+        "react-dom": "^18.2.0",
+        "tailwindcss": "^3.1.8",
+        "vite": "3.2"
     },
     "engines": {
         "node": ">=16"

package/tailwind.config.js

@@ -125,7 +125,7 @@ module.exports = {
         "./src/**/*.jsx",
         "./src/**/*.ts",
         "./src/**/*.tsx",
-        path.join(__dirname, "build/ui-kit.umd.js"),
+        path.join(__dirname, "build/ui-kit.es.js"),
     ],
 
     theme: {