@ews-admin/global-design-system 1.1.19 → 1.1.21

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.
@@ -1 +1 @@
1
- {"version":3,"file":"SpecialtySearchAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,SAAS,EAAE,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAyKjC,CAAC"}
1
+ {"version":3,"file":"SpecialtySearchAutocomplete.d.ts","sourceRoot":"","sources":["../../../src/molecules/SpecialtySearchAutocomplete/SpecialtySearchAutocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CACtD;AAED,MAAM,WAAW,gCAAgC;IAC/C,mBAAmB,EAAE,SAAS,EAAE,CAAC;IACjC,mBAAmB,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC;IACxD,WAAW,EAAE,SAAS,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC3D;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CA+JjC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ews-admin/global-design-system",
3
- "version": "1.1.19",
3
+ "version": "1.1.21",
4
4
  "description": "EWS Global Design System - Reusable components for EWS applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -36,6 +36,10 @@ export interface ModalProps {
36
36
  * Modal variant
37
37
  */
38
38
  variant?: "error" | "warning" | "confirmation" | "info";
39
+ /**
40
+ * Modal size/width
41
+ */
42
+ size?: "sm" | "md" | "lg" | "xl" | "2xl" | "full";
39
43
  /**
40
44
  * Primary action button text
41
45
  */
@@ -80,6 +84,7 @@ const Modal = ({
80
84
  title,
81
85
  children,
82
86
  variant = "info",
87
+ size = "md",
83
88
  primaryAction,
84
89
  secondaryAction,
85
90
  onPrimaryAction,
@@ -147,6 +152,18 @@ const Modal = ({
147
152
 
148
153
  const variantStyles = getVariantStyles();
149
154
 
155
+ const getSizeClasses = () => {
156
+ const sizeMap = {
157
+ sm: "max-w-sm",
158
+ md: "max-w-md",
159
+ lg: "max-w-lg",
160
+ xl: "max-w-xl",
161
+ "2xl": "max-w-2xl",
162
+ full: "max-w-full",
163
+ };
164
+ return sizeMap[size] || sizeMap.md;
165
+ };
166
+
150
167
  const handleOverlayClick = (e: React.MouseEvent) => {
151
168
  if (e.target === e.currentTarget && closeOnOverlayClick) {
152
169
  onClose();
@@ -164,8 +181,10 @@ const Modal = ({
164
181
  {/* Modal */}
165
182
  <div
166
183
  className={cn(
167
- "relative mx-4 w-full max-w-md bg-white rounded-lg shadow-xl transition-all transform",
184
+ "relative w-full bg-white rounded-lg shadow-xl transition-all transform",
168
185
  "duration-200 animate-in fade-in-0 zoom-in-95",
186
+ getSizeClasses(),
187
+ "mx-4",
169
188
  className
170
189
  )}
171
190
  role="dialog"
@@ -153,24 +153,14 @@ export const SpecialtySearchAutocomplete: React.FC<
153
153
  </svg>
154
154
  )}
155
155
  </div>
156
- <div className="flex flex-col">
157
- <span
158
- className={cn(
159
- "font-medium",
160
- isSelected ? "text-ews-primary" : "text-gray-900"
161
- )}
162
- >
163
- {specialty.label}
164
- </span>
165
- <span
166
- className={cn(
167
- "text-sm",
168
- isSelected ? "text-ews-primary/70" : "text-gray-500"
169
- )}
170
- >
171
- {specialty.code}
172
- </span>
173
- </div>
156
+ <span
157
+ className={cn(
158
+ "font-medium",
159
+ isSelected ? "text-ews-primary" : "text-gray-900"
160
+ )}
161
+ >
162
+ {specialty.label}
163
+ </span>
174
164
  </div>
175
165
  )}
176
166
  />