mtrl 0.6.0 → 0.6.2
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.
- package/dist/components/extended-fab/types.d.ts +10 -5
- package/dist/components/fab/types.d.ts +9 -4
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/package.json +1 -1
- package/dist/styles.css +2 -2
- package/package.json +1 -1
- package/src/styles/components/_dialog.scss +10 -5
- package/src/styles/components/_tabs.scss +407 -381
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
* - tertiary: Uses the tertiary color, lower emphasis
|
|
12
12
|
* - surface: Uses the surface color with an outline, lowest emphasis
|
|
13
13
|
*/
|
|
14
|
-
export type ExtendedFabVariant =
|
|
14
|
+
export type ExtendedFabVariant = "primary" | "secondary" | "tertiary" | "surface";
|
|
15
15
|
/**
|
|
16
16
|
* Extended FAB width behavior
|
|
17
17
|
*
|
|
@@ -22,7 +22,7 @@ export type ExtendedFabVariant = 'primary' | 'secondary' | 'tertiary' | 'surface
|
|
|
22
22
|
* - fixed: Maintains a constant width regardless of content (default)
|
|
23
23
|
* - fluid: Adjusts width based on content length
|
|
24
24
|
*/
|
|
25
|
-
export type ExtendedFabWidth =
|
|
25
|
+
export type ExtendedFabWidth = "fixed" | "fluid";
|
|
26
26
|
/**
|
|
27
27
|
* Extended FAB position on the screen
|
|
28
28
|
*
|
|
@@ -37,7 +37,7 @@ export type ExtendedFabWidth = 'fixed' | 'fluid';
|
|
|
37
37
|
* - top-right: Used for actions related to top content
|
|
38
38
|
* - top-left: Less common but available for special layouts
|
|
39
39
|
*/
|
|
40
|
-
export type ExtendedFabPosition =
|
|
40
|
+
export type ExtendedFabPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
41
41
|
/**
|
|
42
42
|
* Configuration interface for the Extended FAB component
|
|
43
43
|
*
|
|
@@ -138,7 +138,7 @@ export interface ExtendedFabConfig {
|
|
|
138
138
|
* });
|
|
139
139
|
* ```
|
|
140
140
|
*/
|
|
141
|
-
iconPosition?:
|
|
141
|
+
iconPosition?: "start" | "end";
|
|
142
142
|
/**
|
|
143
143
|
* Text label for the Extended FAB
|
|
144
144
|
*
|
|
@@ -223,7 +223,7 @@ export interface ExtendedFabConfig {
|
|
|
223
223
|
* });
|
|
224
224
|
* ```
|
|
225
225
|
*/
|
|
226
|
-
type?:
|
|
226
|
+
type?: "button" | "submit" | "reset";
|
|
227
227
|
/**
|
|
228
228
|
* Accessible label for screen readers
|
|
229
229
|
*
|
|
@@ -364,6 +364,11 @@ export interface ExtendedFabConfig {
|
|
|
364
364
|
* ```
|
|
365
365
|
*/
|
|
366
366
|
collapseOnScroll?: boolean;
|
|
367
|
+
/**
|
|
368
|
+
* Index signature for additional configuration options
|
|
369
|
+
* Required for compatibility with core feature interfaces
|
|
370
|
+
*/
|
|
371
|
+
[key: string]: unknown;
|
|
367
372
|
}
|
|
368
373
|
/**
|
|
369
374
|
* Extended FAB component interface
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
* - tertiary: Uses the tertiary color, lower emphasis
|
|
12
12
|
* - surface: Uses the surface color with an outline, lowest emphasis
|
|
13
13
|
*/
|
|
14
|
-
export type FabVariant =
|
|
14
|
+
export type FabVariant = "primary" | "secondary" | "tertiary" | "surface";
|
|
15
15
|
/**
|
|
16
16
|
* FAB size variants
|
|
17
17
|
*
|
|
@@ -24,7 +24,7 @@ export type FabVariant = 'primary' | 'secondary' | 'tertiary' | 'surface';
|
|
|
24
24
|
* - default: 56px diameter, for standard primary actions (default)
|
|
25
25
|
* - large: 96px diameter, for emphasis or touch-focused interfaces
|
|
26
26
|
*/
|
|
27
|
-
export type FabSize =
|
|
27
|
+
export type FabSize = "small" | "default" | "large";
|
|
28
28
|
/**
|
|
29
29
|
* FAB position options
|
|
30
30
|
*
|
|
@@ -39,7 +39,7 @@ export type FabSize = 'small' | 'default' | 'large';
|
|
|
39
39
|
* - top-right: Used for actions related to top content
|
|
40
40
|
* - top-left: Less common but available for special layouts
|
|
41
41
|
*/
|
|
42
|
-
export type FabPosition =
|
|
42
|
+
export type FabPosition = "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
43
43
|
/**
|
|
44
44
|
* Configuration interface for the FAB component
|
|
45
45
|
*
|
|
@@ -209,7 +209,7 @@ export interface FabConfig {
|
|
|
209
209
|
* });
|
|
210
210
|
* ```
|
|
211
211
|
*/
|
|
212
|
-
type?:
|
|
212
|
+
type?: "button" | "submit" | "reset";
|
|
213
213
|
/**
|
|
214
214
|
* Accessible label for screen readers
|
|
215
215
|
*
|
|
@@ -310,6 +310,11 @@ export interface FabConfig {
|
|
|
310
310
|
* ```
|
|
311
311
|
*/
|
|
312
312
|
animate?: boolean;
|
|
313
|
+
/**
|
|
314
|
+
* Index signature for additional configuration options
|
|
315
|
+
* Required for compatibility with core feature interfaces
|
|
316
|
+
*/
|
|
317
|
+
[key: string]: unknown;
|
|
313
318
|
}
|
|
314
319
|
/**
|
|
315
320
|
* FAB component interface
|
package/dist/index.cjs
CHANGED
package/dist/index.js
CHANGED
package/dist/package.json
CHANGED