@nswds/app 1.94.0 → 1.95.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/globals.css +322 -12
  2. package/dist/index.cjs +60 -23
  3. package/dist/index.cjs.map +1 -1
  4. package/dist/index.js +60 -23
  5. package/dist/index.js.map +1 -1
  6. package/dist/styles.css +322 -12
  7. package/dist/styles.css.map +1 -1
  8. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -4453,9 +4453,9 @@ var styles = {
4453
4453
  // States
4454
4454
  "[--btn-hover-overlay:var(--color-primary-200)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-primary-800)]/10",
4455
4455
  // Dark mode
4456
- "",
4456
+ "dark:[--btn-bg:var(--color-primary-400)] dark:[--btn-border:var(--color-primary-400)]/90 dark:[--btn-text:white]",
4457
4457
  // Dark mode states
4458
- ""
4458
+ "dark:[--btn-hover-overlay:var(--color-primary-400)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
4459
4459
  ],
4460
4460
  tertiary: [
4461
4461
  // Base
@@ -4463,9 +4463,9 @@ var styles = {
4463
4463
  // States
4464
4464
  "[--btn-hover-overlay:var(--color-primary-600)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10",
4465
4465
  // Dark mode
4466
- "",
4466
+ "dark:[--btn-bg:var(--color-primary-500)] dark:[--btn-border:var(--color-primary-500)]/90 dark:[--btn-text:white]",
4467
4467
  // Dark mode states
4468
- "dark:[--btn-hover-overlay:var(--color-white)]/10"
4468
+ "dark:[--btn-hover-overlay:var(--color-primary-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
4469
4469
  ],
4470
4470
  accent: [
4471
4471
  // Base
@@ -4473,9 +4473,9 @@ var styles = {
4473
4473
  // States
4474
4474
  "[--btn-hover-overlay:var(--color-accent-600)]/10 data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10",
4475
4475
  // Dark mode
4476
- "",
4476
+ "dark:[--btn-bg:var(--color-accent-500)] dark:[--btn-border:var(--color-accent-500)]/90 dark:[--btn-text:white]",
4477
4477
  // Dark mode states
4478
- "dark:[--btn-hover-overlay:var(--color-white)]/10"
4478
+ "dark:[--btn-hover-overlay:var(--color-accent-500)]/30 dark:data-[variant=solid]:[--btn-hover-overlay:var(--color-white)]/10"
4479
4479
  ],
4480
4480
  danger: [
4481
4481
  // Base
@@ -5882,9 +5882,9 @@ var styles2 = {
5882
5882
  // States
5883
5883
  "[--badge-hover-overlay:var(--color-primary-200)]/30 data-[variant=solid]:[--badge-hover-overlay:var(--color-primary-250)]",
5884
5884
  // Dark mode
5885
- "",
5885
+ "dark:[--badge-bg:var(--color-primary-400)] dark:[--badge-border:var(--color-primary-400)]/90 dark:[--badge-text:white]",
5886
5886
  // Dark mode states
5887
- ""
5887
+ "dark:[--badge-hover-overlay:var(--color-primary-400)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
5888
5888
  ],
5889
5889
  tertiary: [
5890
5890
  // Base
@@ -5892,9 +5892,9 @@ var styles2 = {
5892
5892
  // States
5893
5893
  "[--badge-hover-overlay:var(--color-primary-600)]/10 data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10",
5894
5894
  // Dark mode
5895
- "",
5895
+ "dark:[--badge-bg:var(--color-primary-500)] dark:[--badge-border:var(--color-primary-500)]/90 dark:[--badge-text:white]",
5896
5896
  // Dark mode states
5897
- ""
5897
+ "dark:[--badge-hover-overlay:var(--color-primary-500)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
5898
5898
  ],
5899
5899
  accent: [
5900
5900
  // Base
@@ -5902,9 +5902,9 @@ var styles2 = {
5902
5902
  // States
5903
5903
  "[--badge-hover-overlay:var(--color-accent-600)]/10 data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10",
5904
5904
  // Dark mode
5905
- "",
5905
+ "dark:[--badge-bg:var(--color-accent-500)] dark:[--badge-border:var(--color-accent-500)]/90 dark:[--badge-text:white]",
5906
5906
  // Dark mode states
5907
- ""
5907
+ "dark:[--badge-hover-overlay:var(--color-accent-500)]/30 dark:data-[variant=solid]:[--badge-hover-overlay:var(--color-white)]/10"
5908
5908
  ],
5909
5909
  danger: [
5910
5910
  // Base
@@ -7726,7 +7726,7 @@ function Card({ className, ...props }) {
7726
7726
  {
7727
7727
  "data-slot": "card",
7728
7728
  className: cn(
7729
- "flex flex-col gap-6 rounded-md border border-grey-200 bg-card py-6 text-card-foreground dark:border-grey-50",
7729
+ "flex flex-col gap-6 rounded-md border border-grey-200 bg-card py-6 text-card-foreground dark:border-grey-700",
7730
7730
  className
7731
7731
  ),
7732
7732
  ...props
@@ -13747,7 +13747,7 @@ function SelectTrigger({
13747
13747
  // Placeholder styles
13748
13748
  "data-[placeholder]:text-grey-600 dark:data-[placeholder]:text-grey-400",
13749
13749
  // Dark mode styles
13750
- "dark:bg-input/30 dark:hover:bg-input/50 dark:border-grey-700",
13750
+ "dark:border-grey-700 dark:bg-input/30 dark:hover:bg-input/50",
13751
13751
  // Size styles
13752
13752
  "data-[size=default]:h-12 data-[size=sm]:h-9",
13753
13753
  className
@@ -13817,7 +13817,7 @@ function SelectItem({
13817
13817
  {
13818
13818
  "data-slot": "select-item",
13819
13819
  className: cn(
13820
- "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:font-bold focus:text-primary-800 dark:focus:bg-primary-200/10 dark:focus:text-primary-200 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6 [&_svg:not([class*='text-'])]:text-grey-600 dark:[&_svg:not([class*='text-'])]:text-grey-400 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
13820
+ "relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-primary-800/10 focus:font-bold focus:text-primary-800 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-primary-200/10 dark:focus:text-primary-200 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6 [&_svg:not([class*='text-'])]:text-grey-600 dark:[&_svg:not([class*='text-'])]:text-grey-400 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
13821
13821
  className
13822
13822
  ),
13823
13823
  ...props,
@@ -16021,7 +16021,7 @@ function CommandInput({
16021
16021
  {
16022
16022
  "data-slot": "command-input",
16023
16023
  className: cn(
16024
- "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
16024
+ "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-grey-300",
16025
16025
  className
16026
16026
  ),
16027
16027
  ...props
@@ -17596,7 +17596,7 @@ function FormatToggle({ format, setFormat }) {
17596
17596
 
17597
17597
  // package.json
17598
17598
  var package_default = {
17599
- version: "1.93.0"};
17599
+ version: "1.94.0"};
17600
17600
  var SluggerContext = React5__namespace.default.createContext(null);
17601
17601
  function flattenText(nodes) {
17602
17602
  if (nodes == null || typeof nodes === "boolean") return "";
@@ -17745,8 +17745,8 @@ function SiteSearch({ navigation: navigation$1 }) {
17745
17745
  className: "relative h-10 w-full items-center justify-start sm:pr-12 md:w-40 lg:w-64",
17746
17746
  onClick: () => setOpen(true),
17747
17747
  children: [
17748
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-grey-600 lg:inline-flex", children: "Search site..." }),
17749
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex lg:hidden", children: "Search..." }),
17748
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden text-grey-600 lg:inline-flex dark:text-grey-200", children: "Search site..." }),
17749
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex lg:hidden dark:text-grey-200", children: "Search..." }),
17750
17750
  /* @__PURE__ */ jsxRuntime.jsxs("kbd", { className: "pointer-events-none absolute top-2 right-2 hidden h-5 items-center gap-1 rounded border bg-muted px-2 font-mono text-xs font-medium opacity-100 select-none sm:flex", children: [
17751
17751
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: "\u2318" }),
17752
17752
  "K"
@@ -27989,27 +27989,55 @@ var styles4 = {
27989
27989
  white: [
27990
27990
  "[--nsw-card-bg:white] [--nsw-card-border:var(--color-grey-200)] [--nsw-card-text:grey-800] [--nsw-card-image-border:var(--color-grey-200)]",
27991
27991
  "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
27992
+ // Dark mode
27993
+ "dark:[--nsw-card-bg:var(--color-grey-850)] dark:[--nsw-card-border:var(--color-grey-700)] dark:[--nsw-card-text:var(--color-grey-100)] dark:[--nsw-card-image-border:var(--color-grey-700)]",
27994
+ // Dark mode hover
27995
+ "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
27992
27996
  // 🔧 top-border color pair for highlight (base + hover)
27993
27997
  "[--nsw-card-top-border-base:var(--color-grey-200)]",
27994
- "[--nsw-card-top-border-hover:var(--color-primary-800)]"
27998
+ "[--nsw-card-top-border-hover:var(--color-primary-800)]",
27999
+ // Dark mode top-border
28000
+ "dark:[--nsw-card-top-border-base:var(--color-grey-700)]",
28001
+ "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
27995
28002
  ],
27996
28003
  primary: [
27997
28004
  "[--nsw-card-bg:var(--color-primary-800)] [--nsw-card-border:var(--color-primary-800)] [--nsw-card-text:white]",
27998
28005
  "hover:[--nsw-card-bg:white] hover:[--nsw-card-border:var(--color-grey-200)] hover:[--nsw-card-text:grey-800]",
28006
+ // Dark mode
28007
+ "dark:[--nsw-card-bg:var(--color-primary-600)] dark:[--nsw-card-border:var(--color-primary-600)] dark:[--nsw-card-text:white]",
28008
+ // Dark mode hover
28009
+ "dark:hover:[--nsw-card-bg:var(--color-grey-850)] dark:hover:[--nsw-card-border:var(--color-grey-700)] dark:hover:[--nsw-card-text:var(--color-grey-100)]",
27999
28010
  "[--nsw-card-top-border-base:var(--color-primary-800)]",
28000
- "[--nsw-card-top-border-hover:var(--color-grey-200)]"
28011
+ "[--nsw-card-top-border-hover:var(--color-grey-200)]",
28012
+ // Dark mode top-border
28013
+ "dark:[--nsw-card-top-border-base:var(--color-primary-600)]",
28014
+ "dark:[--nsw-card-top-border-hover:var(--color-grey-700)]"
28001
28015
  ],
28002
28016
  secondary: [
28003
28017
  "[--nsw-card-bg:var(--color-primary-200)] [--nsw-card-border:var(--color-primary-200)] [--nsw-card-text:var(--color-primary-800)]",
28004
28018
  "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
28019
+ // Dark mode
28020
+ "dark:[--nsw-card-bg:var(--color-primary-400)] dark:[--nsw-card-border:var(--color-primary-400)] dark:[--nsw-card-text:white]",
28021
+ // Dark mode hover
28022
+ "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
28005
28023
  "[--nsw-card-top-border-base:var(--color-primary-200)]",
28006
- "[--nsw-card-top-border-hover:var(--color-primary-800)]"
28024
+ "[--nsw-card-top-border-hover:var(--color-primary-800)]",
28025
+ // Dark mode top-border
28026
+ "dark:[--nsw-card-top-border-base:var(--color-primary-400)]",
28027
+ "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
28007
28028
  ],
28008
28029
  tertiary: [
28009
28030
  "[--nsw-card-bg:var(--color-primary-600)] [--nsw-card-border:var(--color-primary-600)] [--nsw-card-text:white]",
28010
28031
  "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
28032
+ // Dark mode
28033
+ "dark:[--nsw-card-bg:var(--color-primary-500)] dark:[--nsw-card-border:var(--color-primary-500)] dark:[--nsw-card-text:white]",
28034
+ // Dark mode hover
28035
+ "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
28011
28036
  "[--nsw-card-top-border-base:var(--color-primary-600)]",
28012
- "[--nsw-card-top-border-hover:var(--color-primary-800)]"
28037
+ "[--nsw-card-top-border-hover:var(--color-primary-800)]",
28038
+ // Dark mode top-border
28039
+ "dark:[--nsw-card-top-border-base:var(--color-primary-500)]",
28040
+ "dark:[--nsw-card-top-border-hover:var(--color-primary-600)]"
28013
28041
  ]
28014
28042
  },
28015
28043
  size: { default: "", sm: "", lg: "" }
@@ -28050,11 +28078,14 @@ function NSWCardTitle({
28050
28078
  {
28051
28079
  className: cn(
28052
28080
  "text-xl font-bold text-grey-800",
28081
+ "dark:text-grey-100",
28053
28082
  "group-data-[variant=headline]:text-2xl",
28054
28083
  "group-hover:text-white",
28055
28084
  "group-data-[color=primary]:text-white",
28056
28085
  "group-hover:group-data-[color=primary]:text-grey-800",
28086
+ "dark:group-hover:group-data-[color=primary]:text-grey-100",
28057
28087
  "group-data-[color=secondary]:text-primary-800",
28088
+ "dark:group-data-[color=secondary]:text-white",
28058
28089
  "group-hover:group-data-[color=secondary]:text-white",
28059
28090
  "group-data-[color=tertiary]:text-white",
28060
28091
  className
@@ -28079,10 +28110,13 @@ function NSWCardDescription({
28079
28110
  {
28080
28111
  className: cn(
28081
28112
  "mt-4 text-base leading-relaxed text-grey-600",
28113
+ "dark:text-grey-300",
28082
28114
  "group-hover:text-white",
28083
28115
  "group-data-[color=primary]:text-white",
28084
28116
  "group-hover:group-data-[color=primary]:text-grey-800",
28117
+ "dark:group-hover:group-data-[color=primary]:text-grey-100",
28085
28118
  "group-data-[color=secondary]:text-primary-800",
28119
+ "dark:group-data-[color=secondary]:text-white",
28086
28120
  "group-hover:group-data-[color=secondary]:text-white",
28087
28121
  "group-data-[color=tertiary]:text-white",
28088
28122
  className
@@ -28099,10 +28133,13 @@ function NSWCardArrow({ color: color2, className, ...props }) {
28099
28133
  {
28100
28134
  className: cn(
28101
28135
  "size-8 text-primary-800",
28136
+ "dark:text-primary-200",
28102
28137
  "group-hover:text-white",
28103
28138
  "group-data-[color=primary]:text-white",
28104
28139
  "group-hover:group-data-[color=primary]:text-grey-800",
28140
+ "dark:group-hover:group-data-[color=primary]:text-grey-100",
28105
28141
  "group-data-[color=secondary]:text-primary-800",
28142
+ "dark:group-data-[color=secondary]:text-white",
28106
28143
  "group-hover:group-data-[color=secondary]:text-white",
28107
28144
  "group-data-[color=tertiary]:text-white",
28108
28145
  "transition-transform group-hover:translate-x-0.5",