@alfalab/core-components-modal 9.0.1 → 9.1.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 (132) hide show
  1. package/Component.js +3 -3
  2. package/Component.responsive.js +2 -2
  3. package/components/content/Component.js +4 -4
  4. package/components/content/desktop.css +7 -7
  5. package/components/content/index.css +4 -4
  6. package/components/content/mobile.css +3 -3
  7. package/components/controls/Component.js +5 -5
  8. package/components/controls/index.css +2 -2
  9. package/components/controls/index.js +2 -2
  10. package/components/footer/Component.js +5 -5
  11. package/components/footer/desktop.css +9 -9
  12. package/components/footer/index.css +4 -4
  13. package/components/footer/layout.css +17 -17
  14. package/components/footer/mobile.css +3 -3
  15. package/components/header/Component.js +5 -5
  16. package/components/header/desktop.css +15 -15
  17. package/components/header/index.css +4 -4
  18. package/components/header/mobile.css +4 -4
  19. package/cssm/Component.responsive.js +1 -1
  20. package/cssm/components/content/Component.js +1 -1
  21. package/cssm/components/controls/Component.js +3 -3
  22. package/cssm/components/controls/index.js +1 -1
  23. package/cssm/components/footer/Component.js +1 -1
  24. package/cssm/components/header/Component.js +2 -2
  25. package/cssm/desktop/Component.desktop.js +1 -1
  26. package/cssm/desktop/index.js +1 -1
  27. package/cssm/getDataTestId-73ea38f8.d.ts +3 -0
  28. package/cssm/{getDataTestId-5c876d98.js → getDataTestId-73ea38f8.js} +2 -2
  29. package/cssm/index-a5b021bd.d.ts +1 -1
  30. package/cssm/index.js +1 -1
  31. package/cssm/mobile/Component.mobile.js +1 -1
  32. package/cssm/mobile/index.js +1 -1
  33. package/cssm/shared/index.d.ts +1 -0
  34. package/cssm/shared/index.js +5 -0
  35. package/cssm/utils.d.ts +11 -1
  36. package/cssm/utils.js +20 -0
  37. package/desktop/Component.desktop.js +2 -2
  38. package/desktop/desktop.css +9 -9
  39. package/desktop/index.js +2 -2
  40. package/esm/Component.js +3 -3
  41. package/esm/Component.responsive.js +2 -2
  42. package/esm/components/content/Component.js +4 -4
  43. package/esm/components/content/desktop.css +7 -7
  44. package/esm/components/content/index.css +4 -4
  45. package/esm/components/content/mobile.css +3 -3
  46. package/esm/components/controls/Component.js +5 -5
  47. package/esm/components/controls/index.css +2 -2
  48. package/esm/components/controls/index.js +2 -2
  49. package/esm/components/footer/Component.js +5 -5
  50. package/esm/components/footer/desktop.css +9 -9
  51. package/esm/components/footer/index.css +4 -4
  52. package/esm/components/footer/layout.css +17 -17
  53. package/esm/components/footer/mobile.css +3 -3
  54. package/esm/components/header/Component.js +5 -5
  55. package/esm/components/header/desktop.css +15 -15
  56. package/esm/components/header/index.css +4 -4
  57. package/esm/components/header/mobile.css +4 -4
  58. package/esm/desktop/Component.desktop.js +2 -2
  59. package/esm/desktop/desktop.css +9 -9
  60. package/esm/desktop/index.js +2 -2
  61. package/esm/getDataTestId-2d1786d3.d.ts +3 -0
  62. package/esm/{getDataTestId-143c099f.js → getDataTestId-2d1786d3.js} +2 -2
  63. package/esm/index-a5b021bd.d.ts +1 -1
  64. package/esm/index.js +2 -2
  65. package/esm/layout.module-efa3674d.js +4 -0
  66. package/esm/mobile/Component.mobile.js +2 -2
  67. package/esm/mobile/index.js +2 -2
  68. package/esm/mobile/mobile.css +2 -2
  69. package/esm/shared/index.d.ts +1 -0
  70. package/esm/shared/index.js +4 -0
  71. package/esm/transitions.css +8 -8
  72. package/esm/utils.d.ts +11 -1
  73. package/esm/utils.js +17 -0
  74. package/getDataTestId-2aafdd4d.d.ts +3 -0
  75. package/{getDataTestId-2c8d1d4f.js → getDataTestId-2aafdd4d.js} +2 -2
  76. package/index-a5b021bd.d.ts +1 -1
  77. package/index.js +2 -2
  78. package/layout.module-b10563a0.js +6 -0
  79. package/mobile/Component.mobile.js +2 -2
  80. package/mobile/index.js +2 -2
  81. package/mobile/mobile.css +2 -2
  82. package/modern/Component.js +3 -3
  83. package/modern/Component.responsive.js +2 -2
  84. package/modern/components/content/Component.js +4 -4
  85. package/modern/components/content/desktop.css +7 -7
  86. package/modern/components/content/index.css +4 -4
  87. package/modern/components/content/mobile.css +3 -3
  88. package/modern/components/controls/Component.js +4 -4
  89. package/modern/components/controls/index.css +2 -2
  90. package/modern/components/controls/index.js +2 -2
  91. package/modern/components/footer/Component.js +5 -5
  92. package/modern/components/footer/desktop.css +9 -9
  93. package/modern/components/footer/index.css +4 -4
  94. package/modern/components/footer/layout.css +17 -17
  95. package/modern/components/footer/mobile.css +3 -3
  96. package/modern/components/header/Component.js +5 -5
  97. package/modern/components/header/desktop.css +15 -15
  98. package/modern/components/header/index.css +4 -4
  99. package/modern/components/header/mobile.css +4 -4
  100. package/modern/desktop/Component.desktop.js +2 -2
  101. package/modern/desktop/desktop.css +9 -9
  102. package/modern/desktop/index.js +2 -2
  103. package/modern/getDataTestId-d97458b3.d.ts +3 -0
  104. package/modern/{getDataTestId-a8aae71a.js → getDataTestId-d97458b3.js} +2 -2
  105. package/modern/index-a5b021bd.d.ts +1 -1
  106. package/modern/index.js +2 -2
  107. package/modern/layout.module-ddcf2052.js +4 -0
  108. package/modern/mobile/Component.mobile.js +2 -2
  109. package/modern/mobile/index.js +2 -2
  110. package/modern/mobile/mobile.css +2 -2
  111. package/modern/shared/index.d.ts +1 -0
  112. package/modern/shared/index.js +4 -0
  113. package/modern/transitions.css +8 -8
  114. package/modern/utils.d.ts +11 -1
  115. package/modern/utils.js +17 -0
  116. package/package.json +3 -3
  117. package/shared/index.d.ts +1 -0
  118. package/shared/index.js +5 -0
  119. package/src/components/controls/Component.tsx +1 -1
  120. package/src/components/header/Component.tsx +1 -1
  121. package/src/shared/index.ts +1 -0
  122. package/src/utils.ts +14 -0
  123. package/transitions.css +8 -8
  124. package/utils.d.ts +11 -1
  125. package/utils.js +20 -0
  126. package/cssm/getDataTestId-5c876d98.d.ts +0 -2
  127. package/esm/getDataTestId-143c099f.d.ts +0 -2
  128. package/esm/layout.module-9932f3ea.js +0 -4
  129. package/getDataTestId-2c8d1d4f.d.ts +0 -2
  130. package/layout.module-61746462.js +0 -6
  131. package/modern/getDataTestId-a8aae71a.d.ts +0 -2
  132. package/modern/layout.module-bff97609.js +0 -4
package/transitions.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: 1gnmd */
2
- .modal__appear_24xq3,
3
- .modal__enter_24xq3 {
1
+ /* hash: 7iaqi */
2
+ .modal__appear_xje8z,
3
+ .modal__enter_xje8z {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_24xq3,
9
- .modal__enterActive_24xq3 {
8
+ .modal__appearActive_xje8z,
9
+ .modal__enterActive_xje8z {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_24xq3 {
15
+ .modal__exit_xje8z {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_24xq3,
21
- .modal__exitDone_24xq3 {
20
+ .modal__exitActive_xje8z,
21
+ .modal__exitDone_xje8z {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/utils.d.ts CHANGED
@@ -1 +1,11 @@
1
- export {};
1
+ declare function getModalTestIds(dataTestId: string): {
2
+ modal: string;
3
+ content: string;
4
+ footer: string;
5
+ controls: string;
6
+ header: string;
7
+ title: string;
8
+ closer: string;
9
+ backButton: string;
10
+ };
11
+ export { getModalTestIds };
package/utils.js CHANGED
@@ -1,2 +1,22 @@
1
1
  'use strict';
2
2
 
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var getDataTestId = require('./getDataTestId-2aafdd4d.js');
6
+ require('react');
7
+ require('@alfalab/hooks');
8
+
9
+ function getModalTestIds(dataTestId) {
10
+ return {
11
+ modal: dataTestId,
12
+ content: getDataTestId.getDataTestId(dataTestId, 'content'),
13
+ footer: getDataTestId.getDataTestId(dataTestId, 'footer'),
14
+ controls: getDataTestId.getDataTestId(dataTestId, 'controls'),
15
+ header: getDataTestId.getDataTestId(dataTestId, 'header'),
16
+ title: getDataTestId.getDataTestId(dataTestId, 'header-title'),
17
+ closer: getDataTestId.getDataTestId(dataTestId, 'header-closer'),
18
+ backButton: getDataTestId.getDataTestId(dataTestId, 'header-back-button'),
19
+ };
20
+ }
21
+
22
+ exports.getModalTestIds = getModalTestIds;
package/cssm/getDataTestId-5c876d98.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
- export { getDataTestId };
package/esm/getDataTestId-143c099f.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
- export { getDataTestId };
package/esm/layout.module-9932f3ea.js DELETED
@@ -1,4 +0,0 @@
1
- var layoutStyles = {"column":"modal__column_14ay2","gap-16":"modal__gap-16_14ay2","gap-24":"modal__gap-24_14ay2","gap-32":"modal__gap-32_14ay2","start":"modal__start_14ay2","center":"modal__center_14ay2","space-between":"modal__space-between_14ay2"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };
package/getDataTestId-2c8d1d4f.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
- export { getDataTestId };
package/layout.module-61746462.js DELETED
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var layoutStyles = {"column":"modal__column_14ay2","gap-16":"modal__gap-16_14ay2","gap-24":"modal__gap-24_14ay2","gap-32":"modal__gap-32_14ay2","start":"modal__start_14ay2","center":"modal__center_14ay2","space-between":"modal__space-between_14ay2"};
4
- require('./components/footer/layout.css')
5
-
6
- exports.layoutStyles = layoutStyles;
package/modern/getDataTestId-a8aae71a.d.ts DELETED
@@ -1,2 +0,0 @@
1
- declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
2
- export { getDataTestId };
package/modern/layout.module-bff97609.js DELETED
@@ -1,4 +0,0 @@
1
- const layoutStyles = {"column":"modal__column_14ay2","gap-16":"modal__gap-16_14ay2","gap-24":"modal__gap-24_14ay2","gap-32":"modal__gap-32_14ay2","start":"modal__start_14ay2","center":"modal__center_14ay2","space-between":"modal__space-between_14ay2"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };