@stackoverflow/stacks 1.0.1 → 1.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.
- package/dist/controllers/s-popover.d.ts +11 -2
- package/dist/css/stacks.css +106 -3
- package/dist/css/stacks.min.css +1 -1
- package/dist/js/stacks.js +18 -2
- package/dist/js/stacks.min.js +1 -1
- package/lib/css/atomic/spacing.less +10 -0
- package/lib/css/components/activity-indicator.less +2 -3
- package/lib/ts/controllers/s-popover.ts +25 -5
- package/package.json +11 -12
|
@@ -80,13 +80,17 @@ export declare class PopoverController extends BasePopoverController {
|
|
|
80
80
|
private boundHideOnOutsideClick;
|
|
81
81
|
private boundHideOnEscapePress;
|
|
82
82
|
/**
|
|
83
|
-
* Toggles optional classes in addition to BasePopoverController.shown
|
|
83
|
+
* Toggles optional classes and accessibility attributes in addition to BasePopoverController.shown
|
|
84
84
|
*/
|
|
85
85
|
protected shown(dispatcher?: Element | null): void;
|
|
86
86
|
/**
|
|
87
|
-
* Toggles optional classes in addition to BasePopoverController.hidden
|
|
87
|
+
* Toggles optional classes and accessibility attributes in addition to BasePopoverController.hidden
|
|
88
88
|
*/
|
|
89
89
|
protected hidden(dispatcher?: Element | null): void;
|
|
90
|
+
/**
|
|
91
|
+
* Initializes accessibility attributes in addition to BasePopoverController.connect
|
|
92
|
+
*/
|
|
93
|
+
connect(): void;
|
|
90
94
|
/**
|
|
91
95
|
* Binds global events to the document for hiding popovers on user interaction
|
|
92
96
|
*/
|
|
@@ -110,6 +114,11 @@ export declare class PopoverController extends BasePopoverController {
|
|
|
110
114
|
* @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
|
|
111
115
|
*/
|
|
112
116
|
private toggleOptionalClasses;
|
|
117
|
+
/**
|
|
118
|
+
* Toggles accessibility attributes based on whether the popover is shown or not
|
|
119
|
+
* @param {boolean=} show - A boolean indicating whether this is being triggered by a show or hide.
|
|
120
|
+
*/
|
|
121
|
+
private toggleAccessibilityAttributes;
|
|
113
122
|
}
|
|
114
123
|
/**
|
|
115
124
|
* Helper to manually show an s-popover element via external JS
|
package/dist/css/stacks.css
CHANGED
|
@@ -402,9 +402,8 @@ template {
|
|
|
402
402
|
.s-activity-indicator {
|
|
403
403
|
display: inline-block;
|
|
404
404
|
min-width: var(--su-static12);
|
|
405
|
-
height: var(--su-static12);
|
|
406
|
-
padding
|
|
407
|
-
padding-right: var(--su4);
|
|
405
|
+
min-height: var(--su-static12);
|
|
406
|
+
padding: var(--su2) var(--su4);
|
|
408
407
|
line-height: 1.1;
|
|
409
408
|
background-color: var(--theme-secondary-400);
|
|
410
409
|
box-shadow: 0 0 0 var(--su-static4) var(--focus-ring);
|
|
@@ -12056,6 +12055,58 @@ body {
|
|
|
12056
12055
|
margin-left: var(--su128) !important;
|
|
12057
12056
|
margin-right: var(--su128) !important;
|
|
12058
12057
|
}
|
|
12058
|
+
.mxn1 {
|
|
12059
|
+
margin-left: calc(var(--su1) * -1) !important;
|
|
12060
|
+
margin-right: calc(var(--su1) * -1) !important;
|
|
12061
|
+
}
|
|
12062
|
+
.mxn2 {
|
|
12063
|
+
margin-left: calc(var(--su2) * -1) !important;
|
|
12064
|
+
margin-right: calc(var(--su2) * -1) !important;
|
|
12065
|
+
}
|
|
12066
|
+
.mxn4 {
|
|
12067
|
+
margin-left: calc(var(--su4) * -1) !important;
|
|
12068
|
+
margin-right: calc(var(--su4) * -1) !important;
|
|
12069
|
+
}
|
|
12070
|
+
.mxn6 {
|
|
12071
|
+
margin-left: calc(var(--su6) * -1) !important;
|
|
12072
|
+
margin-right: calc(var(--su6) * -1) !important;
|
|
12073
|
+
}
|
|
12074
|
+
.mxn8 {
|
|
12075
|
+
margin-left: calc(var(--su8) * -1) !important;
|
|
12076
|
+
margin-right: calc(var(--su8) * -1) !important;
|
|
12077
|
+
}
|
|
12078
|
+
.mxn12 {
|
|
12079
|
+
margin-left: calc(var(--su12) * -1) !important;
|
|
12080
|
+
margin-right: calc(var(--su12) * -1) !important;
|
|
12081
|
+
}
|
|
12082
|
+
.mxn16 {
|
|
12083
|
+
margin-left: calc(var(--su16) * -1) !important;
|
|
12084
|
+
margin-right: calc(var(--su16) * -1) !important;
|
|
12085
|
+
}
|
|
12086
|
+
.mxn24 {
|
|
12087
|
+
margin-left: calc(var(--su24) * -1) !important;
|
|
12088
|
+
margin-right: calc(var(--su24) * -1) !important;
|
|
12089
|
+
}
|
|
12090
|
+
.mxn32 {
|
|
12091
|
+
margin-left: calc(var(--su32) * -1) !important;
|
|
12092
|
+
margin-right: calc(var(--su32) * -1) !important;
|
|
12093
|
+
}
|
|
12094
|
+
.mxn48 {
|
|
12095
|
+
margin-left: calc(var(--su48) * -1) !important;
|
|
12096
|
+
margin-right: calc(var(--su48) * -1) !important;
|
|
12097
|
+
}
|
|
12098
|
+
.mxn64 {
|
|
12099
|
+
margin-left: calc(var(--su64) * -1) !important;
|
|
12100
|
+
margin-right: calc(var(--su64) * -1) !important;
|
|
12101
|
+
}
|
|
12102
|
+
.mxn96 {
|
|
12103
|
+
margin-left: calc(var(--su96) * -1) !important;
|
|
12104
|
+
margin-right: calc(var(--su96) * -1) !important;
|
|
12105
|
+
}
|
|
12106
|
+
.mxn128 {
|
|
12107
|
+
margin-left: calc(var(--su128) * -1) !important;
|
|
12108
|
+
margin-right: calc(var(--su128) * -1) !important;
|
|
12109
|
+
}
|
|
12059
12110
|
.my1 {
|
|
12060
12111
|
margin-top: var(--su1) !important;
|
|
12061
12112
|
margin-bottom: var(--su1) !important;
|
|
@@ -12108,6 +12159,58 @@ body {
|
|
|
12108
12159
|
margin-top: var(--su128) !important;
|
|
12109
12160
|
margin-bottom: var(--su128) !important;
|
|
12110
12161
|
}
|
|
12162
|
+
.myn1 {
|
|
12163
|
+
margin-top: calc(var(--su1) * -1) !important;
|
|
12164
|
+
margin-bottom: calc(var(--su1) * -1) !important;
|
|
12165
|
+
}
|
|
12166
|
+
.myn2 {
|
|
12167
|
+
margin-top: calc(var(--su2) * -1) !important;
|
|
12168
|
+
margin-bottom: calc(var(--su2) * -1) !important;
|
|
12169
|
+
}
|
|
12170
|
+
.myn4 {
|
|
12171
|
+
margin-top: calc(var(--su4) * -1) !important;
|
|
12172
|
+
margin-bottom: calc(var(--su4) * -1) !important;
|
|
12173
|
+
}
|
|
12174
|
+
.myn6 {
|
|
12175
|
+
margin-top: calc(var(--su6) * -1) !important;
|
|
12176
|
+
margin-bottom: calc(var(--su6) * -1) !important;
|
|
12177
|
+
}
|
|
12178
|
+
.myn8 {
|
|
12179
|
+
margin-top: calc(var(--su8) * -1) !important;
|
|
12180
|
+
margin-bottom: calc(var(--su8) * -1) !important;
|
|
12181
|
+
}
|
|
12182
|
+
.myn12 {
|
|
12183
|
+
margin-top: calc(var(--su12) * -1) !important;
|
|
12184
|
+
margin-bottom: calc(var(--su12) * -1) !important;
|
|
12185
|
+
}
|
|
12186
|
+
.myn16 {
|
|
12187
|
+
margin-top: calc(var(--su16) * -1) !important;
|
|
12188
|
+
margin-bottom: calc(var(--su16) * -1) !important;
|
|
12189
|
+
}
|
|
12190
|
+
.myn24 {
|
|
12191
|
+
margin-top: calc(var(--su24) * -1) !important;
|
|
12192
|
+
margin-bottom: calc(var(--su24) * -1) !important;
|
|
12193
|
+
}
|
|
12194
|
+
.myn32 {
|
|
12195
|
+
margin-top: calc(var(--su32) * -1) !important;
|
|
12196
|
+
margin-bottom: calc(var(--su32) * -1) !important;
|
|
12197
|
+
}
|
|
12198
|
+
.myn48 {
|
|
12199
|
+
margin-top: calc(var(--su48) * -1) !important;
|
|
12200
|
+
margin-bottom: calc(var(--su48) * -1) !important;
|
|
12201
|
+
}
|
|
12202
|
+
.myn64 {
|
|
12203
|
+
margin-top: calc(var(--su64) * -1) !important;
|
|
12204
|
+
margin-bottom: calc(var(--su64) * -1) !important;
|
|
12205
|
+
}
|
|
12206
|
+
.myn96 {
|
|
12207
|
+
margin-top: calc(var(--su96) * -1) !important;
|
|
12208
|
+
margin-bottom: calc(var(--su96) * -1) !important;
|
|
12209
|
+
}
|
|
12210
|
+
.myn128 {
|
|
12211
|
+
margin-top: calc(var(--su128) * -1) !important;
|
|
12212
|
+
margin-bottom: calc(var(--su128) * -1) !important;
|
|
12213
|
+
}
|
|
12111
12214
|
.p0 {
|
|
12112
12215
|
padding: 0 !important;
|
|
12113
12216
|
}
|