@opengovsg/oui-theme 0.0.12 → 0.0.13

package/dist/utils/index.d.mts

@@ -6,6 +6,5 @@ export { cn } from './cn.mjs';
 export { dataAttr } from './data-attr.mjs';
 export { composeRenderProps, composeTailwindRenderProps } from './rac.mjs';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-merge';
 import 'clsx';

package/dist/utils/index.d.ts

@@ -6,6 +6,5 @@ export { cn } from './cn.js';
 export { dataAttr } from './data-attr.js';
 export { composeRenderProps, composeTailwindRenderProps } from './rac.js';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import 'tailwind-merge';
 import 'clsx';

package/dist/utils/tv.d.mts

@@ -1,16 +1,5 @@
 import * as tailwind_variants from 'tailwind-variants';
 
-declare const tv: tailwind_variants.CreateTV<{
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}>;
+declare const tv: tailwind_variants.CreateTV;
 
 export { tv };

package/dist/utils/tv.d.ts

@@ -1,16 +1,5 @@
 import * as tailwind_variants from 'tailwind-variants';
 
-declare const tv: tailwind_variants.CreateTV<{
-    twMergeConfig: {
-        extend: {
-            theme: {};
-            classGroups: {
-                prose: {
-                    prose: (() => boolean)[];
-                }[];
-            };
-        };
-    };
-}>;
+declare const tv: tailwind_variants.CreateTV;
 
 export { tv };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "sideEffects": false,
   "files": [
     "dist",
@@ -21,12 +21,13 @@
     "./tailwind.css": "./src/tailwind.css"
   },
   "devDependencies": {
+    "tailwind-variants": "2.0.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.4",
     "eslint": "^9.20.1",
     "prettier": "^3.5.3",
-    "tailwindcss": "4.0.6",
+    "tailwindcss": "4.1.11",
     "tsup": "^8.3.6",
     "typescript": "5.7.3",
     "@oui/eslint-config": "0.0.0",
@@ -34,17 +35,17 @@
     "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
-    "@tailwindcss/vite": "4.0.6",
+    "@tailwindcss/vite": "4.1.11",
     "clsx": "^2.1.1",
     "lodash-es": "^4.17.21",
     "react": "^19.0.0",
-    "tailwind-merge": "^3.0.1",
-    "tailwind-variants": "^0.3.1",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss-react-aria-components": "^2.0.0",
     "tw-animate-css": "^1.2.0"
   },
   "peerDependencies": {
-    "tailwindcss": ">=4"
+    "tailwindcss": ">=4",
+    "tailwind-variants": "2.0.1"
   },
   "prettier": "@oui/prettier-config",
   "scripts": {

package/dist/chunk-OXGFRESN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OXGFRESN.js","../src/components/date-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,aAAA,EAAe;AAAA,MACb,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC,CAAA;AAKM,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,MAAA,EAAQ;AACV,CAAC,CAAA;ADHD;AACA;AACE;AACA;AACF,qFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OXGFRESN.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment:\n          \"text-interaction-support-disabled-content forced-colors:text-[GrayText]\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment:\n          \"bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"]}

package/dist/chunk-YES4V53K.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/date-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const dateInputStyles = tv({\n  slots: {\n    base: \"block min-w-[150px]\",\n    segment:\n      \"type-literal:px-0 rounded-xs inline p-0.5 text-gray-800 caret-transparent outline-0 forced-color-adjust-none dark:text-zinc-200 forced-colors:text-[ButtonText]\",\n  },\n  variants: {\n    variant: {},\n    isPlaceholder: {\n      true: {\n        segment: \"text-interaction-support-placeholder\",\n      },\n      false: {\n        segment: \"text-base-content-default\",\n      },\n    },\n    isDisabled: {\n      true: {\n        segment:\n          \"text-interaction-support-disabled-content forced-colors:text-[GrayText]\",\n      },\n    },\n    isFocused: {\n      true: {\n        segment:\n          \"bg-interaction-main-default text-white dark:text-white forced-colors:bg-[Highlight] forced-colors:text-[HighlightText]\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        base: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        base: \"prose-body-1\",\n      },\n    },\n  },\n})\n\nexport type DateInputSlots = keyof ReturnType<typeof dateInputStyles>\nexport type DateInputVariantProps = VariantProps<typeof dateInputStyles>\n\nexport const dateFieldStyles = tv({\n  extend: inputStyles,\n})\n\nexport type DateFieldVariantProps = VariantProps<typeof dateFieldStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,eAAe;AAAA,MACb,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAKM,IAAM,kBAAkB,GAAG;AAAA,EAChC,QAAQ;AACV,CAAC;","names":[]}