@dmsi/wedgekit-react 0.0.233 → 0.0.234

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 (14) hide show
  1. package/dist/{chunk-XO6PXENP.js → chunk-3BCGS6VO.js} +10 -5
  2. package/dist/components/Breadcrumbs.cjs +10 -5
  3. package/dist/components/Breadcrumbs.js +1 -1
  4. package/dist/components/CalendarRange.css +6 -0
  5. package/dist/components/DateInput.css +6 -0
  6. package/dist/components/DateRangeInput.css +6 -0
  7. package/dist/components/FilterGroup.cjs +10 -5
  8. package/dist/components/FilterGroup.js +1 -1
  9. package/dist/components/Link.cjs +10 -5
  10. package/dist/components/Link.js +1 -1
  11. package/dist/components/index.css +6 -0
  12. package/dist/index.css +6 -0
  13. package/package.json +1 -1
  14. package/src/components/Link.tsx +10 -3
package/dist/{chunk-XO6PXENP.js → chunk-3BCGS6VO.js} RENAMED
@@ -23,7 +23,8 @@ var Link = (_a) => {
23
23
  paddedY,
24
24
  align,
25
25
  underline = false,
26
- testid
26
+ testid,
27
+ active
27
28
  } = _b, props = __objRest(_b, [
28
29
  "as",
29
30
  "className",
@@ -34,17 +35,21 @@ var Link = (_a) => {
34
35
  "paddedY",
35
36
  "align",
36
37
  "underline",
37
- "testid"
38
+ "testid",
39
+ "active"
38
40
  ]);
39
41
  const Component = as;
40
42
  const primaryStateStyles = variant === "primary" && !disabled && clsx(
41
- "text-text-link-normal hover:text-text-link-hover active:text-text-link-active"
43
+ active ? "text-text-link-active" : "text-text-link-normal",
44
+ "hover:text-text-link-hover active:text-text-link-active"
42
45
  );
43
46
  const secondaryStateStyles = variant === "secondary" && !disabled && clsx(
44
- "text-text-primary-normal hover:text-text-link-hover active:text-text-link-active"
47
+ active ? "text-text-link-active" : "text-text-primary-normal",
48
+ "hover:text-text-link-hover active:text-text-link-active"
45
49
  );
46
50
  const criticalStateStyles = variant === "critical" && !disabled && clsx(
47
- "text-text-action-critical-normal hover:text-text-action-critical-hover active:text-text-action-critical-active"
51
+ active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
52
+ "hover:text-text-action-critical-hover active:text-text-action-critical-active"
48
53
  );
49
54
  const criticalStateDisabledStyles = disabled && variant === "critical" && clsx("text-text-action-critical-disabled");
50
55
  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && clsx("text-text-link-disabled");
package/dist/components/Breadcrumbs.cjs CHANGED
@@ -214,7 +214,8 @@ var Link = (_a) => {
214
214
  paddedY,
215
215
  align,
216
216
  underline = false,
217
- testid
217
+ testid,
218
+ active
218
219
  } = _b, props = __objRest(_b, [
219
220
  "as",
220
221
  "className",
@@ -225,17 +226,21 @@ var Link = (_a) => {
225
226
  "paddedY",
226
227
  "align",
227
228
  "underline",
228
- "testid"
229
+ "testid",
230
+ "active"
229
231
  ]);
230
232
  const Component = as;
231
233
  const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx2.default)(
232
- "text-text-link-normal hover:text-text-link-hover active:text-text-link-active"
234
+ active ? "text-text-link-active" : "text-text-link-normal",
235
+ "hover:text-text-link-hover active:text-text-link-active"
233
236
  );
234
237
  const secondaryStateStyles = variant === "secondary" && !disabled && (0, import_clsx2.default)(
235
- "text-text-primary-normal hover:text-text-link-hover active:text-text-link-active"
238
+ active ? "text-text-link-active" : "text-text-primary-normal",
239
+ "hover:text-text-link-hover active:text-text-link-active"
236
240
  );
237
241
  const criticalStateStyles = variant === "critical" && !disabled && (0, import_clsx2.default)(
238
- "text-text-action-critical-normal hover:text-text-action-critical-hover active:text-text-action-critical-active"
242
+ active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
243
+ "hover:text-text-action-critical-hover active:text-text-action-critical-active"
239
244
  );
240
245
  const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx2.default)("text-text-action-critical-disabled");
241
246
  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx2.default)("text-text-link-disabled");
package/dist/components/Breadcrumbs.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import {
3
3
  Link
4
- } from "../chunk-XO6PXENP.js";
4
+ } from "../chunk-3BCGS6VO.js";
5
5
  import {
6
6
  Icon
7
7
  } from "../chunk-UAPWR2KE.js";
package/dist/components/CalendarRange.css CHANGED
@@ -2155,6 +2155,9 @@
2155
2155
  .text-success-400 {
2156
2156
  color: var(--color-success-400);
2157
2157
  }
2158
+ .text-text-action-critical-active {
2159
+ color: var(--color-text-action-critical-active);
2160
+ }
2158
2161
  .text-text-action-critical-disabled {
2159
2162
  color: var(--color-text-action-critical-disabled);
2160
2163
  }
@@ -2170,6 +2173,9 @@
2170
2173
  .text-text-critical-normal {
2171
2174
  color: var(--color-text-critical-normal);
2172
2175
  }
2176
+ .text-text-link-active {
2177
+ color: var(--color-text-link-active);
2178
+ }
2173
2179
  .text-text-link-disabled {
2174
2180
  color: var(--color-text-link-disabled);
2175
2181
  }
package/dist/components/DateInput.css CHANGED
@@ -2155,6 +2155,9 @@
2155
2155
  .text-success-400 {
2156
2156
  color: var(--color-success-400);
2157
2157
  }
2158
+ .text-text-action-critical-active {
2159
+ color: var(--color-text-action-critical-active);
2160
+ }
2158
2161
  .text-text-action-critical-disabled {
2159
2162
  color: var(--color-text-action-critical-disabled);
2160
2163
  }
@@ -2170,6 +2173,9 @@
2170
2173
  .text-text-critical-normal {
2171
2174
  color: var(--color-text-critical-normal);
2172
2175
  }
2176
+ .text-text-link-active {
2177
+ color: var(--color-text-link-active);
2178
+ }
2173
2179
  .text-text-link-disabled {
2174
2180
  color: var(--color-text-link-disabled);
2175
2181
  }
package/dist/components/DateRangeInput.css CHANGED
@@ -2155,6 +2155,9 @@
2155
2155
  .text-success-400 {
2156
2156
  color: var(--color-success-400);
2157
2157
  }
2158
+ .text-text-action-critical-active {
2159
+ color: var(--color-text-action-critical-active);
2160
+ }
2158
2161
  .text-text-action-critical-disabled {
2159
2162
  color: var(--color-text-action-critical-disabled);
2160
2163
  }
@@ -2170,6 +2173,9 @@
2170
2173
  .text-text-critical-normal {
2171
2174
  color: var(--color-text-critical-normal);
2172
2175
  }
2176
+ .text-text-link-active {
2177
+ color: var(--color-text-link-active);
2178
+ }
2173
2179
  .text-text-link-disabled {
2174
2180
  color: var(--color-text-link-disabled);
2175
2181
  }
package/dist/components/FilterGroup.cjs CHANGED
@@ -721,7 +721,8 @@ var Link = (_a) => {
721
721
  paddedY,
722
722
  align,
723
723
  underline = false,
724
- testid
724
+ testid,
725
+ active
725
726
  } = _b, props = __objRest(_b, [
726
727
  "as",
727
728
  "className",
@@ -732,17 +733,21 @@ var Link = (_a) => {
732
733
  "paddedY",
733
734
  "align",
734
735
  "underline",
735
- "testid"
736
+ "testid",
737
+ "active"
736
738
  ]);
737
739
  const Component = as;
738
740
  const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx8.default)(
739
- "text-text-link-normal hover:text-text-link-hover active:text-text-link-active"
741
+ active ? "text-text-link-active" : "text-text-link-normal",
742
+ "hover:text-text-link-hover active:text-text-link-active"
740
743
  );
741
744
  const secondaryStateStyles = variant === "secondary" && !disabled && (0, import_clsx8.default)(
742
- "text-text-primary-normal hover:text-text-link-hover active:text-text-link-active"
745
+ active ? "text-text-link-active" : "text-text-primary-normal",
746
+ "hover:text-text-link-hover active:text-text-link-active"
743
747
  );
744
748
  const criticalStateStyles = variant === "critical" && !disabled && (0, import_clsx8.default)(
745
- "text-text-action-critical-normal hover:text-text-action-critical-hover active:text-text-action-critical-active"
749
+ active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
750
+ "hover:text-text-action-critical-hover active:text-text-action-critical-active"
746
751
  );
747
752
  const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx8.default)("text-text-action-critical-disabled");
748
753
  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx8.default)("text-text-link-disabled");
package/dist/components/FilterGroup.js CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  } from "../chunk-UVG2TKTG.js";
5
5
  import {
6
6
  Link
7
- } from "../chunk-XO6PXENP.js";
7
+ } from "../chunk-3BCGS6VO.js";
8
8
  import {
9
9
  Checkbox
10
10
  } from "../chunk-DXVLA32J.js";
package/dist/components/Link.cjs CHANGED
@@ -208,7 +208,8 @@ var Link = (_a) => {
208
208
  paddedY,
209
209
  align,
210
210
  underline = false,
211
- testid
211
+ testid,
212
+ active
212
213
  } = _b, props = __objRest(_b, [
213
214
  "as",
214
215
  "className",
@@ -219,17 +220,21 @@ var Link = (_a) => {
219
220
  "paddedY",
220
221
  "align",
221
222
  "underline",
222
- "testid"
223
+ "testid",
224
+ "active"
223
225
  ]);
224
226
  const Component = as;
225
227
  const primaryStateStyles = variant === "primary" && !disabled && (0, import_clsx2.default)(
226
- "text-text-link-normal hover:text-text-link-hover active:text-text-link-active"
228
+ active ? "text-text-link-active" : "text-text-link-normal",
229
+ "hover:text-text-link-hover active:text-text-link-active"
227
230
  );
228
231
  const secondaryStateStyles = variant === "secondary" && !disabled && (0, import_clsx2.default)(
229
- "text-text-primary-normal hover:text-text-link-hover active:text-text-link-active"
232
+ active ? "text-text-link-active" : "text-text-primary-normal",
233
+ "hover:text-text-link-hover active:text-text-link-active"
230
234
  );
231
235
  const criticalStateStyles = variant === "critical" && !disabled && (0, import_clsx2.default)(
232
- "text-text-action-critical-normal hover:text-text-action-critical-hover active:text-text-action-critical-active"
236
+ active ? "text-text-action-critical-active" : "text-text-action-critical-normal",
237
+ "hover:text-text-action-critical-hover active:text-text-action-critical-active"
233
238
  );
234
239
  const criticalStateDisabledStyles = disabled && variant === "critical" && (0, import_clsx2.default)("text-text-action-critical-disabled");
235
240
  const disabledStateStyles = disabled && ["primary", "secondary"].includes(variant) && (0, import_clsx2.default)("text-text-link-disabled");
package/dist/components/Link.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  Link
3
- } from "../chunk-XO6PXENP.js";
3
+ } from "../chunk-3BCGS6VO.js";
4
4
  import "../chunk-6CTCHYIS.js";
5
5
  import "../chunk-BBZEL7EG.js";
6
6
  export {
package/dist/components/index.css CHANGED
@@ -2155,6 +2155,9 @@
2155
2155
  .text-success-400 {
2156
2156
  color: var(--color-success-400);
2157
2157
  }
2158
+ .text-text-action-critical-active {
2159
+ color: var(--color-text-action-critical-active);
2160
+ }
2158
2161
  .text-text-action-critical-disabled {
2159
2162
  color: var(--color-text-action-critical-disabled);
2160
2163
  }
@@ -2170,6 +2173,9 @@
2170
2173
  .text-text-critical-normal {
2171
2174
  color: var(--color-text-critical-normal);
2172
2175
  }
2176
+ .text-text-link-active {
2177
+ color: var(--color-text-link-active);
2178
+ }
2173
2179
  .text-text-link-disabled {
2174
2180
  color: var(--color-text-link-disabled);
2175
2181
  }
package/dist/index.css CHANGED
@@ -2133,6 +2133,9 @@
2133
2133
  .text-success-400 {
2134
2134
  color: var(--color-success-400);
2135
2135
  }
2136
+ .text-text-action-critical-active {
2137
+ color: var(--color-text-action-critical-active);
2138
+ }
2136
2139
  .text-text-action-critical-disabled {
2137
2140
  color: var(--color-text-action-critical-disabled);
2138
2141
  }
@@ -2148,6 +2151,9 @@
2148
2151
  .text-text-critical-normal {
2149
2152
  color: var(--color-text-critical-normal);
2150
2153
  }
2154
+ .text-text-link-active {
2155
+ color: var(--color-text-link-active);
2156
+ }
2151
2157
  .text-text-link-disabled {
2152
2158
  color: var(--color-text-link-disabled);
2153
2159
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.233",
4
+ "version": "0.0.234",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/Link.tsx CHANGED
@@ -9,6 +9,7 @@ export type LinkProps = AsProps &
9
9
  TypographyProps & {
10
10
  variant?: "primary" | "secondary" | "critical";
11
11
  typographyStyle?: "paragraph" | "caption" | "breadcrumb";
12
+ active?: boolean;
12
13
  disabled?: boolean;
13
14
  paddedY?: boolean;
14
15
  onClick?: (event: MouseEvent<HTMLElement>) => void;
@@ -28,6 +29,7 @@ export const Link = ({
28
29
  align,
29
30
  underline = false,
30
31
  testid,
32
+ active,
31
33
  ...props
32
34
  }: LinkProps) => {
33
35
  const Component = as;
@@ -36,21 +38,26 @@ export const Link = ({
36
38
  variant === "primary" &&
37
39
  !disabled &&
38
40
  clsx(
39
- "text-text-link-normal hover:text-text-link-hover active:text-text-link-active",
41
+ active ? "text-text-link-active" : "text-text-link-normal",
42
+ "hover:text-text-link-hover active:text-text-link-active",
40
43
  );
41
44
 
42
45
  const secondaryStateStyles =
43
46
  variant === "secondary" &&
44
47
  !disabled &&
45
48
  clsx(
46
- "text-text-primary-normal hover:text-text-link-hover active:text-text-link-active",
49
+ active ? "text-text-link-active" : "text-text-primary-normal",
50
+ "hover:text-text-link-hover active:text-text-link-active",
47
51
  );
48
52
 
49
53
  const criticalStateStyles =
50
54
  variant === "critical" &&
51
55
  !disabled &&
52
56
  clsx(
53
- "text-text-action-critical-normal hover:text-text-action-critical-hover active:text-text-action-critical-active",
57
+ active
58
+ ? "text-text-action-critical-active"
59
+ : "text-text-action-critical-normal",
60
+ "hover:text-text-action-critical-hover active:text-text-action-critical-active",
54
61
  );
55
62
 
56
63
  const criticalStateDisabledStyles =