@ogcio/design-system-react 1.32.0 → 1.33.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 (42) hide show
  1. package/dist/accordion/accordion-item.js +62 -57
  2. package/dist/alert/alert.js +37 -39
  3. package/dist/alert/variants.d.ts +49 -52
  4. package/dist/alert/variants.js +17 -18
  5. package/dist/atoms/Button.d.ts +2 -2
  6. package/dist/atoms/Button.js +2 -1
  7. package/dist/button/button.d.ts +2 -9
  8. package/dist/button/button.js +65 -32
  9. package/dist/button/helpers.d.ts +2 -1
  10. package/dist/button/types.d.ts +25 -8
  11. package/dist/button-group/button-group.js +43 -45
  12. package/dist/button-group/types.d.ts +5 -5
  13. package/dist/card/card-legacy.js +1 -1
  14. package/dist/card/types.d.ts +1 -1
  15. package/dist/combo-box/dropdown-item.js +1 -1
  16. package/dist/cookie-banner/cookie-banner.d.ts +1 -1
  17. package/dist/data-table/data-table-header.js +1 -1
  18. package/dist/drawer/drawer.d.ts +1 -1
  19. package/dist/drawer/drawer.js +17 -17
  20. package/dist/error-text/error-text.js +28 -27
  21. package/dist/forms/form-field/form-field.js +24 -25
  22. package/dist/header/components/header-search.js +2 -2
  23. package/dist/hint-text/hint-text.js +26 -20
  24. package/dist/icon-button/icon-button.d.ts +3 -5
  25. package/dist/index.d.ts +1 -1
  26. package/dist/label/label.d.ts +78 -30
  27. package/dist/label/label.js +29 -14
  28. package/dist/modal/modal.content.js +1 -1
  29. package/dist/modal/modal.js +38 -38
  30. package/dist/modal/types.d.ts +5 -4
  31. package/dist/pagination/pagination.js +27 -28
  32. package/dist/score-select/type.d.ts +2 -2
  33. package/dist/select/select-next.js +87 -87
  34. package/dist/side-nav/side-nav.js +1 -1
  35. package/dist/styles.css +1 -1
  36. package/dist/tabs/tab-item.js +53 -71
  37. package/dist/tabs/variants.d.ts +269 -0
  38. package/dist/tabs/variants.js +87 -0
  39. package/dist/tooltip/tooltip.js +27 -35
  40. package/dist/tooltip/variants.d.ts +115 -0
  41. package/dist/tooltip/variants.js +59 -0
  42. package/package.json +2 -2
package/dist/tooltip/variants.d.ts ADDED
@@ -0,0 +1,115 @@
1
+ export declare const tooltipVariants: import('tailwind-variants').TVReturnType<{
2
+ position: {
3
+ top: {
4
+ tooltip: string[];
5
+ };
6
+ bottom: {
7
+ tooltip: string[];
8
+ };
9
+ left: {
10
+ tooltip: string[];
11
+ };
12
+ right: {
13
+ tooltip: string[];
14
+ };
15
+ };
16
+ }, {
17
+ wrapper: string;
18
+ tooltip: string[];
19
+ }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
20
+ position: {
21
+ top: {
22
+ tooltip: string[];
23
+ };
24
+ bottom: {
25
+ tooltip: string[];
26
+ };
27
+ left: {
28
+ tooltip: string[];
29
+ };
30
+ right: {
31
+ tooltip: string[];
32
+ };
33
+ };
34
+ }, {
35
+ position: {
36
+ top: {
37
+ tooltip: string[];
38
+ };
39
+ bottom: {
40
+ tooltip: string[];
41
+ };
42
+ left: {
43
+ tooltip: string[];
44
+ };
45
+ right: {
46
+ tooltip: string[];
47
+ };
48
+ };
49
+ }>, {
50
+ position: {
51
+ top: {
52
+ tooltip: string[];
53
+ };
54
+ bottom: {
55
+ tooltip: string[];
56
+ };
57
+ left: {
58
+ tooltip: string[];
59
+ };
60
+ right: {
61
+ tooltip: string[];
62
+ };
63
+ };
64
+ }, {
65
+ wrapper: string;
66
+ tooltip: string[];
67
+ }, import('tailwind-variants').TVReturnType<{
68
+ position: {
69
+ top: {
70
+ tooltip: string[];
71
+ };
72
+ bottom: {
73
+ tooltip: string[];
74
+ };
75
+ left: {
76
+ tooltip: string[];
77
+ };
78
+ right: {
79
+ tooltip: string[];
80
+ };
81
+ };
82
+ }, {
83
+ wrapper: string;
84
+ tooltip: string[];
85
+ }, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
86
+ position: {
87
+ top: {
88
+ tooltip: string[];
89
+ };
90
+ bottom: {
91
+ tooltip: string[];
92
+ };
93
+ left: {
94
+ tooltip: string[];
95
+ };
96
+ right: {
97
+ tooltip: string[];
98
+ };
99
+ };
100
+ }, {
101
+ position: {
102
+ top: {
103
+ tooltip: string[];
104
+ };
105
+ bottom: {
106
+ tooltip: string[];
107
+ };
108
+ left: {
109
+ tooltip: string[];
110
+ };
111
+ right: {
112
+ tooltip: string[];
113
+ };
114
+ };
115
+ }>, unknown, unknown, undefined>>;
package/dist/tooltip/variants.js ADDED
@@ -0,0 +1,59 @@
1
+ import { c as t } from "../index-CB-zPpNk.js";
2
+ const e = t({
3
+ slots: {
4
+ wrapper: "gi-relative gi-inline-block gi-overflow-visible gi-text-lg",
5
+ tooltip: [
6
+ "gi-absolute gi-z-[100] gi-block",
7
+ "gi-bg-color-surface-system-neutral-layer11 gi-text-color-text-tone-light-default",
8
+ "gi-text-sm gi-text-left gi-px-3 gi-py-2 gi-rounded-sm",
9
+ "gi-opacity-100 gi-transition-opacity gi-duration-300",
10
+ "gi-w-max gi-max-w-[324px]"
11
+ ]
12
+ },
13
+ variants: {
14
+ position: {
15
+ top: {
16
+ tooltip: [
17
+ "gi-bottom-full gi-left-1/2 gi-translate-x-[-50%] gi-translate-y-[-0.75rem]",
18
+ "after:gi-content-[''] after:gi-absolute after:gi-left-1/2 after:gi-translate-x-[-50%]",
19
+ "after:gi-border-x-[9px] after:gi-border-x-transparent",
20
+ "after:gi-border-t-[9px] after:gi-border-t-color-surface-system-neutral-layer11",
21
+ "after:gi-bottom-[-0.45rem]"
22
+ ]
23
+ },
24
+ bottom: {
25
+ tooltip: [
26
+ "gi-top-full gi-left-1/2 gi-translate-x-[-50%] gi-translate-y-[0.75rem]",
27
+ "after:gi-content-[''] after:gi-absolute after:gi-left-1/2 after:gi-translate-x-[-50%]",
28
+ "after:gi-border-x-[9px] after:gi-border-x-transparent",
29
+ "after:gi-border-b-[9px] after:gi-border-b-color-surface-system-neutral-layer11",
30
+ "after:gi-top-[-0.45rem]"
31
+ ]
32
+ },
33
+ left: {
34
+ tooltip: [
35
+ "gi-right-full gi-top-1/2 gi-translate-y-[-50%] gi-translate-x-[-0.75rem]",
36
+ "after:gi-content-[''] after:gi-absolute after:gi-top-1/2 after:gi-translate-y-[-50%]",
37
+ "after:gi-border-y-[9px] after:gi-border-y-transparent",
38
+ "after:gi-border-l-[9px] after:gi-border-l-color-surface-system-neutral-layer11",
39
+ "after:gi-right-[-0.45rem]"
40
+ ]
41
+ },
42
+ right: {
43
+ tooltip: [
44
+ "gi-left-full gi-top-1/2 gi-translate-y-[-50%] gi-translate-x-[0.75rem]",
45
+ "after:gi-content-[''] after:gi-absolute after:gi-top-1/2 after:gi-translate-y-[-50%]",
46
+ "after:gi-border-y-[9px] after:gi-border-y-transparent",
47
+ "after:gi-border-r-[9px] after:gi-border-r-color-surface-system-neutral-layer11",
48
+ "after:gi-left-[-0.45rem]"
49
+ ]
50
+ }
51
+ }
52
+ },
53
+ defaultVariants: {
54
+ position: "top"
55
+ }
56
+ });
57
+ export {
58
+ e as tooltipVariants
59
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ogcio/design-system-react",
3
- "version": "1.32.0",
3
+ "version": "1.33.0",
4
4
  "description": "The Government of Ireland Design System React components.",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -66,8 +66,8 @@
66
66
  "react-dom": "19.0.0",
67
67
  "@ogcio/design-system-eslint-config": "1.4.0",
68
68
  "@ogcio/design-system-prettier-config": "1.1.1",
69
- "@ogcio/theme-doete": "1.0.0",
70
69
  "@ogcio/design-system-tailwind": "1.23.0",
70
+ "@ogcio/theme-doete": "1.0.0",
71
71
  "@ogcio/theme-govie": "1.21.4"
72
72
  },
73
73
  "scripts": {