@ulu/frontend 0.4.3 → 0.4.4
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.
|
@@ -59,6 +59,8 @@ $-fallbacks: (
|
|
|
59
59
|
/// @prop {Boolean} vertical-indicator-left [true] The indicator for selected tab should be on the left when vertical (false will be on right/inside)
|
|
60
60
|
/// @prop {Boolean} vertical-breakpoint [true] Set the breakpoint when the vertical tabs should switch to horizontal (defaults to breakpoint 'default')
|
|
61
61
|
/// @prop {Boolean} horizontal-tab-wrap [false] Set to true to allow line wrapping when the tabs are in horizontal orientation, vertical is always allowed to wrap
|
|
62
|
+
/// @prop {Color} full-width-tablist-background-color [null] Optional background color for full-width tabs tablist
|
|
63
|
+
/// @prop {Color} full-width-tabpanel-background-color [transparent] Optional background color for full-width tabs tabpanel
|
|
62
64
|
|
|
63
65
|
$config: (
|
|
64
66
|
"margin" : (2rem 0),
|
|
@@ -88,7 +90,9 @@ $config: (
|
|
|
88
90
|
"vertical-tab-gap" : 0.75em,
|
|
89
91
|
"vertical-indicator-left" : true,
|
|
90
92
|
"vertical-breakpoint" : true,
|
|
91
|
-
"horizontal-tab-wrap" : false
|
|
93
|
+
"horizontal-tab-wrap" : false,
|
|
94
|
+
"full-width-tablist-background-color" : null,
|
|
95
|
+
"full-width-tabpanel-background-color" : transparent,
|
|
92
96
|
) !default;
|
|
93
97
|
|
|
94
98
|
/// Change modules $config
|
|
@@ -254,9 +258,10 @@ $config: (
|
|
|
254
258
|
#{ $prefix }--full-width {
|
|
255
259
|
> [role="tablist"] {
|
|
256
260
|
justify-content: safe center;
|
|
261
|
+
background-color: color.get(get("full-width-tablist-background-color"));
|
|
257
262
|
}
|
|
258
263
|
>[role="tabpanel"] {
|
|
259
|
-
background-color:
|
|
264
|
+
background-color: color.get(get("full-width-tabpanel-background-color"));
|
|
260
265
|
padding: 0;
|
|
261
266
|
}
|
|
262
267
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ulu/frontend",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"description": "A framework-agnostic frontend toolkit providing a modular, tree-shakable library of accessible components and utilities. Designed for seamless integration, it features a highly configurable SCSS system for any environment and vanilla JavaScript modules optimized for traditional websites and content management systems.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|