@flightlesslabs/dodo-ui 0.16.0 → 0.17.0-beta-2

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-import './styles/global.css';
 export type { ComponentColorPriority, ComponentColorSeverity, ComponentColor, } from './types/colors.js';
 export type { ComponentRoundness } from './types/roundness.js';
 export type { ComponentSize } from './types/size.js';

package/dist/index.js

@@ -1,4 +1,3 @@
-import './styles/global.css';
 /** developer tools: helpers: logger */
 export { default as createLogger } from './stories/developer tools/helpers/logger/logger.js';
 /** developer tools: helpers: Numbers: isValidNumberValue */

package/dist/stories/Home.mdx

@@ -40,6 +40,18 @@ npm i @flightlesslabs/dodo-ui
 `}
 />
 
+## Add css
+
+Add global css in your `+layout.svelte` file
+
+<Source
+  dark
+  language="js"
+  code={`
+import '@flightlesslabs/dodo-ui/styles/global.css';
+`}
+/>
+
 ## Use it!
 
 Lets import [Button](?path=/docs/components-form-button--docs) component. Checkout documentation for [Button](?path=/docs/components-form-button--docs)

package/dist/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.js

@@ -1,4 +1,5 @@
 import getMoment from '../../../../../developer tools/helpers/Time/getMoment/getMoment.js';
+import dayjsLib from 'dayjs'; // Only needed for types
 /**
  * Creates a moment object from a Date with optional timezone and UTC settings.
  */

package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.d.ts

@@ -1,5 +1,6 @@
 import type { ConfigType, OptionType } from 'dayjs';
-import { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
+type Dayjs = ReturnType<typeof dayjs>;
 /**
  * Acceptable input types for the `getMoment` function, compatible with dayjs.
  */
@@ -35,3 +36,4 @@ export interface GetMomentSettings {
  * getMoment('01-01-2025', 'DD-MM-YYYY', { timezone: 'Asia/Kolkata' }).format()
  */
 export default function getMoment(date?: GetMomentDate, format?: GetMomentFormat, settings?: GetMomentSettings): Dayjs;
+export {};

package/dist/stories/developer tools/helpers/Time/getMoment/getMoment.js

@@ -1,4 +1,4 @@
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc.js';
 import timezone from 'dayjs/plugin/timezone.js';
 import customParseFormat from 'dayjs/plugin/customParseFormat.js';

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@flightlesslabs/dodo-ui",
-  "version": "0.16.0",
+  "version": "0.17.0-beta-2",
   "scripts": {
-    "build": "vite build && pnpm run prepack",
+    "copy-css": "cpy src/lib/styles/global.css dist/styles --parents",
+    "build": "vite build && pnpm copy-css && pnpm run prepack",
     "preview": "vite preview",
     "prepare": "svelte-kit sync || echo ''",
     "prepack": "svelte-kit sync && svelte-package && publint",
@@ -44,7 +45,8 @@
       "types": "./dist/index.d.ts",
       "svelte": "./dist/index.js",
       "scss": "./dist/styles/scss/index.scss"
-    }
+    },
+    "./styles/global.css": "./dist/styles/global.css"
   },
   "peerDependencies": {
     "svelte": "^5.0.0"
@@ -64,6 +66,7 @@
     "@vitest/browser": "^3.2.4",
     "@vitest/coverage-v8": "^3.2.4",
     "@vueless/storybook-dark-mode": "^9.0.6",
+    "cpy-cli": "^5.0.0",
     "eslint": "^9.32.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-storybook": "9.0.18",

package/src/lib/index.ts

@@ -1,5 +1,3 @@
-import '$lib/styles/global.css';
-
 export type {
   ComponentColorPriority,
   ComponentColorSeverity,

package/src/lib/stories/components/Info/Calendar/utils/createDateOfMonth/createDateOfMonth.ts

@@ -1,7 +1,9 @@
 import getMoment from '$lib/stories/developer tools/helpers/Time/getMoment/getMoment.js';
-import type dayjs from 'dayjs';
 import type { DateOfMonth } from '../types.js';
 import type { CalendarWeekNames } from '$lib/index.js';
+import dayjsLib from 'dayjs'; // Only needed for types
+
+type Dayjs = ReturnType<typeof dayjsLib>;
 
 /** Settings for generating calendar dates */
 export interface CreateDatesOfMonthSettings {
@@ -35,7 +37,7 @@ function dateMoment(
 /**
  * Determines if the given day matches "today" (manual or actual).
  */
-function getIsToday(dayMoment: dayjs.Dayjs, todayDate: string, todayManual?: string): boolean {
+function getIsToday(dayMoment: Dayjs, todayDate: string, todayManual?: string): boolean {
   const dayDateFormat = dayMoment.format('DD-MM-YYYY');
   return todayManual === dayDateFormat || todayDate === dayDateFormat;
 }
@@ -44,9 +46,9 @@ function getIsToday(dayMoment: dayjs.Dayjs, todayDate: string, todayManual?: str
  * Determines if a date should be disabled based on limits and included/excluded lists.
  */
 function getIsDateDisabled(
-  dayMoment: dayjs.Dayjs,
-  minDate?: dayjs.Dayjs,
-  maxDate?: dayjs.Dayjs,
+  dayMoment: Dayjs,
+  minDate?: Dayjs,
+  maxDate?: Dayjs,
   excludeDates?: string[],
   includeDates?: string[],
 ): boolean {

package/src/lib/stories/developer tools/helpers/Time/getMoment/getMoment.ts

@@ -1,9 +1,11 @@
 import type { ConfigType, OptionType } from 'dayjs';
-import dayjs, { Dayjs } from 'dayjs';
+import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc.js';
 import timezone from 'dayjs/plugin/timezone.js';
 import customParseFormat from 'dayjs/plugin/customParseFormat.js';
 
+type Dayjs = ReturnType<typeof dayjs>;
+
 dayjs.extend(utc);
 dayjs.extend(timezone);
 dayjs.extend(customParseFormat);