@opengovsg/oui-theme 0.0.43 → 0.0.44

package/dist/utils/index.js

@@ -1,22 +1,22 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-OLJN3WXR.js');
-require('../chunk-2LTV7VB5.js');
-
 
 
+var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 
 
 
-var _chunkQ2IC5MPBjs = require('../chunk-Q2IC5MPB.js');
+var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
+require('../chunk-2LTV7VB5.js');
 
 
 var _chunkZIQLHX3Ujs = require('../chunk-ZIQLHX3U.js');
 
 
-var _chunkO3I4FUFDjs = require('../chunk-O3I4FUFD.js');
 
 
 
-var _chunkZXZSQRVCjs = require('../chunk-ZXZSQRVC.js');
+
+var _chunkQ2IC5MPBjs = require('../chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('../chunk-UZONBJUX.js');

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+rBAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/index.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/index.js"],"names":[],"mappings":"AAAA,yGAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,uDAA6B;AAC7B;AACE;AACF,uDAA6B;AAC7B;AACE;AACA;AACF,uDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,+rBAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/utils/index.js"}

package/dist/utils/index.mjs

@@ -1,5 +1,15 @@
 import "../chunk-M2BG3FAA.mjs";
+import {
+  dataAttr
+} from "../chunk-TL5MCSZQ.mjs";
+import {
+  composeRenderProps,
+  composeTailwindRenderProps
+} from "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
+import {
+  cn
+} from "../chunk-HAUMMW6T.mjs";
 import {
   dataFocusVisibleClasses,
   focusClasses,
@@ -7,16 +17,6 @@ import {
   groupFocusVisibleClasses,
   racFocusRing
 } from "../chunk-5T7MRJOK.mjs";
-import {
-  cn
-} from "../chunk-HAUMMW6T.mjs";
-import {
-  dataAttr
-} from "../chunk-TL5MCSZQ.mjs";
-import {
-  composeRenderProps,
-  composeTailwindRenderProps
-} from "../chunk-J2WMLIIA.mjs";
 import {
   tv
 } from "../chunk-4JENAMGV.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.43",
+  "version": "0.0.44",
   "sideEffects": false,
   "files": [
     "dist",

package/src/tailwind.css

@@ -28,9 +28,7 @@
   --shadow-md: 0px 0px 20px 0px rgba(104, 104, 104, 0.3);
 
   --text-xs--line-height: 1rem;
-
-  --animate-spinner-ease-spin: spinner-spin 0.8s ease infinite;
-  --animate-spinner-linear-spin: spinner-spin 0.8s linear infinite;
+  --ease-default: cubic-bezier(0.25, 0.1, 0.25, 1);
 
   @keyframes spinner-spin {
     0% {
@@ -40,4 +38,44 @@
       transform: rotate(360deg);
     }
   }
+
+  @keyframes slide-end {
+    from {
+      transform: translateX(100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+
+  @keyframes slide-start {
+    from {
+      transform: translateX(-100%);
+    }
+
+    to {
+      transform: translateX(0);
+    }
+  }
+}
+
+@utility animate-slide-start {
+  animation: slide-start var(--tw-animation-duration, var(--tw-duration, 0.2s))
+    var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
+    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
+    var(--tw-animation-fill-mode, none);
+}
+@utility animate-slide-end {
+  animation: slide-end var(--tw-animation-duration, var(--tw-duration, 0.2s))
+    var(--tw-ease, ease-out) var(--tw-animation-delay, 0s)
+    var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal)
+    var(--tw-animation-fill-mode, none);
+}
+
+@utility animate-spinner {
+  animation: spinner-spin var(--tw-animation-duration, var(--tw-duration, 0.8s))
+    var(--tw-ease, ease) var(--tw-animation-delay, 0s)
+    var(--tw-animation-iteration-count, infinite)
+    var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none);
 }

package/dist/chunk-57Q4XH23.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/spinner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner-ease-spin\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner-linear-spin\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      xs: {\n        wrapper: \"h-4 w-4\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"],"mappings":";;;;;AAQO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}

package/dist/chunk-PJN27WWI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/modal.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n  slots: {\n    base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n    overlay:\n      \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n    dialog: \"flex h-full flex-col outline-none\",\n    header: \"flex flex-initial px-6 py-4 text-start\",\n    body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n    footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n    closeButton: [\n      \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n      ...focusVisibleClasses,\n    ],\n  },\n  variants: {\n    animation: {\n      none: {},\n      fade: {},\n      zoom: {},\n    },\n    placement: {\n      auto: {\n        overlay: \"items-end sm:items-center\",\n      },\n      center: {\n        overlay: \"items-center sm:items-center\",\n      },\n      top: {\n        overlay: \"items-start sm:items-start\",\n      },\n      \"top-center\": {\n        overlay: \"items-start sm:items-center\",\n      },\n      bottom: {\n        overlay: \"items-end sm:items-end\",\n      },\n      \"bottom-center\": {\n        overlay: \"items-end sm:items-center\",\n      },\n    },\n    radius: {\n      none: { base: \"rounded-none\" },\n      sm: { base: \"rounded-sm\" },\n      md: { base: \"rounded-md\" },\n      lg: { base: \"rounded-lg\" },\n    },\n    overlay: {\n      transparent: {\n        overlay: \"bg-transparent\",\n      },\n      blur: {\n        overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n      },\n      opaque: {\n        overlay: \"bg-base-canvas-overlay\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"max-w-xs\",\n      },\n      sm: {\n        base: \"max-w-sm\",\n      },\n      md: {\n        base: \"max-w-md\",\n      },\n      lg: {\n        base: \"max-w-lg\",\n      },\n      xl: {\n        base: \"max-w-xl\",\n      },\n      \"2xl\": {\n        base: \"max-w-2xl\",\n      },\n      \"3xl\": {\n        base: \"max-w-3xl\",\n      },\n      \"4xl\": {\n        base: \"max-w-4xl\",\n      },\n      \"5xl\": {\n        base: \"max-w-5xl\",\n      },\n      desktop: {\n        base: \"max-w-[680px]\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-[312px]\",\n        header: \"prose-h5\",\n        body: \"prose-body-2\",\n      },\n      full: {\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n        dialog: \"flex-1\",\n        base: \"mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0\",\n      },\n    },\n    scrollBehavior: {\n      normal: {\n        overlay: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      inside: {\n        base: \"max-h-[calc(100%_-_8rem)]\",\n        body: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      outside: {\n        overlay: \"items-start overflow-y-auto sm:items-start\",\n        base: \"my-16\",\n      },\n    },\n  },\n  compoundVariants: [\n    // Special affordance for full screen modals to align to top and allow scrolling\n    {\n      size: \"full\",\n      scrollBehavior: \"normal\",\n      class: {\n        overlay: \"overflow-y-auto\",\n      },\n    },\n    // Animations\n    {\n      isEntering: true,\n      animation: \"zoom\",\n      class: {\n        base: \"animate-in zoom-in-105 duration-200 ease-in\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"zoom\",\n      class: {\n        base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n      },\n    },\n    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: [\"fade\", \"zoom\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"opaque\",\n    size: \"desktop\",\n    radius: \"sm\",\n    scrollBehavior: \"normal\",\n    animation: \"zoom\",\n  },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"],"mappings":"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","names":[]}

package/dist/chunk-Q2U5WYZI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2U5WYZI.js","../src/components/modal.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2U5WYZI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n  slots: {\n    base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n    overlay:\n      \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n    dialog: \"flex h-full flex-col outline-none\",\n    header: \"flex flex-initial px-6 py-4 text-start\",\n    body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n    footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n    closeButton: [\n      \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n      ...focusVisibleClasses,\n    ],\n  },\n  variants: {\n    animation: {\n      none: {},\n      fade: {},\n      zoom: {},\n    },\n    placement: {\n      auto: {\n        overlay: \"items-end sm:items-center\",\n      },\n      center: {\n        overlay: \"items-center sm:items-center\",\n      },\n      top: {\n        overlay: \"items-start sm:items-start\",\n      },\n      \"top-center\": {\n        overlay: \"items-start sm:items-center\",\n      },\n      bottom: {\n        overlay: \"items-end sm:items-end\",\n      },\n      \"bottom-center\": {\n        overlay: \"items-end sm:items-center\",\n      },\n    },\n    radius: {\n      none: { base: \"rounded-none\" },\n      sm: { base: \"rounded-sm\" },\n      md: { base: \"rounded-md\" },\n      lg: { base: \"rounded-lg\" },\n    },\n    overlay: {\n      transparent: {\n        overlay: \"bg-transparent\",\n      },\n      blur: {\n        overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n      },\n      opaque: {\n        overlay: \"bg-base-canvas-overlay\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"max-w-xs\",\n      },\n      sm: {\n        base: \"max-w-sm\",\n      },\n      md: {\n        base: \"max-w-md\",\n      },\n      lg: {\n        base: \"max-w-lg\",\n      },\n      xl: {\n        base: \"max-w-xl\",\n      },\n      \"2xl\": {\n        base: \"max-w-2xl\",\n      },\n      \"3xl\": {\n        base: \"max-w-3xl\",\n      },\n      \"4xl\": {\n        base: \"max-w-4xl\",\n      },\n      \"5xl\": {\n        base: \"max-w-5xl\",\n      },\n      desktop: {\n        base: \"max-w-[680px]\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-[312px]\",\n        header: \"prose-h5\",\n        body: \"prose-body-2\",\n      },\n      full: {\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n        dialog: \"flex-1\",\n        base: \"mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0\",\n      },\n    },\n    scrollBehavior: {\n      normal: {\n        overlay: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      inside: {\n        base: \"max-h-[calc(100%_-_8rem)]\",\n        body: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      outside: {\n        overlay: \"items-start overflow-y-auto sm:items-start\",\n        base: \"my-16\",\n      },\n    },\n  },\n  compoundVariants: [\n    // Special affordance for full screen modals to align to top and allow scrolling\n    {\n      size: \"full\",\n      scrollBehavior: \"normal\",\n      class: {\n        overlay: \"overflow-y-auto\",\n      },\n    },\n    // Animations\n    {\n      isEntering: true,\n      animation: \"zoom\",\n      class: {\n        base: \"animate-in zoom-in-105 duration-200 ease-in\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"zoom\",\n      class: {\n        base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n      },\n    },\n    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: [\"fade\", \"zoom\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"opaque\",\n    size: \"desktop\",\n    radius: \"sm\",\n    scrollBehavior: \"normal\",\n    animation: \"zoom\",\n  },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"]}