@opengovsg/oui-theme 0.0.45 → 0.0.46

package/dist/utils/index.mjs

@@ -1,4 +1,5 @@
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import {
   dataAttr
 } from "../chunk-TL5MCSZQ.mjs";
@@ -6,7 +7,6 @@ import {
   composeRenderProps,
   composeTailwindRenderProps
 } from "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import {
   cn
 } from "../chunk-HAUMMW6T.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "sideEffects": false,
   "files": [
     "dist",
@@ -32,8 +32,8 @@
     "tsup": "^8.5.1",
     "typescript": "5.7.3",
     "@oui/eslint-config": "0.0.0",
-    "@oui/typescript-config": "0.0.0",
-    "@oui/prettier-config": "0.0.0"
+    "@oui/prettier-config": "0.0.0",
+    "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {
     "clsx": "^2.1.1",

package/dist/chunk-4MV732WX.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 px-4 py-3\",\n        text: \"group-selected/select:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group/select flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group/search border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid/select:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-66\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-66\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-72\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;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,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aACE;AAAA,IACF,YAAY;AAAA,IACZ,aACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-J7IFDNKA.js

@@ -1 +0,0 @@
-"use strict";//# sourceMappingURL=chunk-J7IFDNKA.js.map

package/dist/chunk-SUU5H2AJ.mjs

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-SUU5H2AJ.mjs.map

package/dist/chunk-TKCX7MGG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TKCX7MGG.js","../src/components/select.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TKCX7MGG.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 px-4 py-3\",\n        text: \"group-selected/select:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group/select flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group/search border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid/select:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-66\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-66\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-72\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}