@ornikar/bumper 3.8.1 → 3.9.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/CHANGELOG.md +14 -0
- package/dist/definitions/system/actions/IconButton/IconButton.d.ts.map +1 -1
- package/dist/definitions/system/core/tokens/space.d.ts +12 -0
- package/dist/definitions/system/core/tokens/space.d.ts.map +1 -1
- package/dist/definitions/tamagui.config.d.ts +24 -0
- package/dist/definitions/tamagui.config.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +19 -3
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +19 -3
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.22.cjs.js +19 -3
- package/dist/index-node-22.22.cjs.js.map +1 -1
- package/dist/index-node-22.22.cjs.web.js +19 -3
- package/dist/index-node-22.22.cjs.web.js.map +1 -1
- package/dist/index-node-22.22.es.mjs +19 -3
- package/dist/index-node-22.22.es.mjs.map +1 -1
- package/dist/index-node-22.22.es.web.mjs +19 -3
- package/dist/index-node-22.22.es.web.mjs.map +1 -1
- package/dist/index.es.js +19 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +19 -3
- package/dist/index.es.web.js.map +1 -1
- package/dist/storybook-metro.es.android.js +13 -1
- package/dist/storybook-metro.es.android.js.map +1 -1
- package/dist/storybook-metro.es.ios.js +13 -1
- package/dist/storybook-metro.es.ios.js.map +1 -1
- package/dist/storybook-node-22.22.cjs.js +13 -1
- package/dist/storybook-node-22.22.cjs.js.map +1 -1
- package/dist/storybook-node-22.22.cjs.web.js +13 -1
- package/dist/storybook-node-22.22.cjs.web.js.map +1 -1
- package/dist/storybook-node-22.22.es.mjs +13 -1
- package/dist/storybook-node-22.22.es.mjs.map +1 -1
- package/dist/storybook-node-22.22.es.web.mjs +13 -1
- package/dist/storybook-node-22.22.es.web.mjs.map +1 -1
- package/dist/storybook.es.js +13 -1
- package/dist/storybook.es.js.map +1 -1
- package/dist/storybook.es.web.js +13 -1
- package/dist/storybook.es.web.js.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/system/actions/IconButton/IconButton.tsx +4 -0
- package/src/system/actions/IconButton/__snapshots__/IconButton.features.stories.tsx.snap +34 -0
- package/src/system/actions/IconButton/__snapshots__/IconButton.stories.tsx.snap +1 -0
- package/src/system/actions/IconButton/__snapshots_web__/IconButton.features.stories.tsx.snap +34 -34
- package/src/system/actions/IconButton/__snapshots_web__/IconButton.stories.tsx.snap +1 -1
- package/src/system/core/tokens/__snapshots__/space.stories.tsx.snap +828 -0
- package/src/system/core/tokens/__snapshots_web__/space.stories.tsx.snap +300 -0
- package/src/system/core/tokens/space.stories.tsx +6 -1
- package/src/system/core/tokens/space.ts +12 -0
package/src/system/actions/IconButton/__snapshots_web__/IconButton.features.stories.tsx.snap
CHANGED
|
@@ -22,7 +22,7 @@ exports[`Bumper/Actions/IconButton/Features Disabled 1`] = `
|
|
|
22
22
|
>
|
|
23
23
|
<div
|
|
24
24
|
aria-disabled="true"
|
|
25
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-bg--disable1389045052 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
25
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-bg--disable1389045052 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
26
26
|
data-disable-theme="true"
|
|
27
27
|
role="button"
|
|
28
28
|
tabindex="-1"
|
|
@@ -38,7 +38,7 @@ exports[`Bumper/Actions/IconButton/Features Disabled 1`] = `
|
|
|
38
38
|
</div>
|
|
39
39
|
<div
|
|
40
40
|
aria-disabled="true"
|
|
41
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dis92608074 _brc-border--dis92608074 _borderBottomColor-border--dis92608074 _borderLeftColor-border--dis92608074 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
41
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dis92608074 _brc-border--dis92608074 _borderBottomColor-border--dis92608074 _borderLeftColor-border--dis92608074 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
42
42
|
data-disable-theme="true"
|
|
43
43
|
role="button"
|
|
44
44
|
tabindex="-1"
|
|
@@ -54,7 +54,7 @@ exports[`Bumper/Actions/IconButton/Features Disabled 1`] = `
|
|
|
54
54
|
</div>
|
|
55
55
|
<div
|
|
56
56
|
aria-disabled="true"
|
|
57
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
57
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
58
58
|
data-disable-theme="true"
|
|
59
59
|
role="button"
|
|
60
60
|
tabindex="-1"
|
|
@@ -70,7 +70,7 @@ exports[`Bumper/Actions/IconButton/Features Disabled 1`] = `
|
|
|
70
70
|
</div>
|
|
71
71
|
<div
|
|
72
72
|
aria-disabled="true"
|
|
73
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dis92608074 _brc-border--dis92608074 _borderBottomColor-border--dis92608074 _borderLeftColor-border--dis92608074 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
73
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dis92608074 _brc-border--dis92608074 _borderBottomColor-border--dis92608074 _borderLeftColor-border--dis92608074 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _pe-none _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
74
74
|
data-disable-theme="true"
|
|
75
75
|
role="button"
|
|
76
76
|
tabindex="-1"
|
|
@@ -114,7 +114,7 @@ exports[`Bumper/Actions/IconButton/Features Loading 1`] = `
|
|
|
114
114
|
>
|
|
115
115
|
<div
|
|
116
116
|
aria-busy="true"
|
|
117
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
117
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
118
118
|
data-disable-theme="true"
|
|
119
119
|
role="button"
|
|
120
120
|
tabindex="0"
|
|
@@ -177,7 +177,7 @@ exports[`Bumper/Actions/IconButton/Features Loading 1`] = `
|
|
|
177
177
|
</div>
|
|
178
178
|
<div
|
|
179
179
|
aria-busy="true"
|
|
180
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
180
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
181
181
|
data-disable-theme="true"
|
|
182
182
|
role="button"
|
|
183
183
|
tabindex="0"
|
|
@@ -240,7 +240,7 @@ exports[`Bumper/Actions/IconButton/Features Loading 1`] = `
|
|
|
240
240
|
</div>
|
|
241
241
|
<div
|
|
242
242
|
aria-busy="true"
|
|
243
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
243
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
244
244
|
data-disable-theme="true"
|
|
245
245
|
role="button"
|
|
246
246
|
tabindex="0"
|
|
@@ -303,7 +303,7 @@ exports[`Bumper/Actions/IconButton/Features Loading 1`] = `
|
|
|
303
303
|
</div>
|
|
304
304
|
<div
|
|
305
305
|
aria-busy="true"
|
|
306
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1329843214 _backgroundColor-0active-button--bg-1329843214 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-533224977 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
306
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1329843214 _backgroundColor-0active-button--bg-1329843214 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-533224977 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
307
307
|
data-disable-theme="true"
|
|
308
308
|
role="button"
|
|
309
309
|
tabindex="0"
|
|
@@ -404,7 +404,7 @@ exports[`Bumper/Actions/IconButton/Features OnContrasted 1`] = `
|
|
|
404
404
|
class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center _fwr-wrap"
|
|
405
405
|
>
|
|
406
406
|
<div
|
|
407
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2039396781 _backgroundColor-0active-button--bg-2039396781 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-392502324 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
407
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2039396781 _backgroundColor-0active-button--bg-2039396781 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-392502324 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
408
408
|
data-disable-theme="true"
|
|
409
409
|
role="button"
|
|
410
410
|
tabindex="0"
|
|
@@ -419,7 +419,7 @@ exports[`Bumper/Actions/IconButton/Features OnContrasted 1`] = `
|
|
|
419
419
|
</div>
|
|
420
420
|
</div>
|
|
421
421
|
<div
|
|
422
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2070253893 _backgroundColor-0active-button--bg-2070253893 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas484567098 _brc-border--bas484567098 _borderBottomColor-border--bas484567098 _borderLeftColor-border--bas484567098 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-207185702 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
422
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2070253893 _backgroundColor-0active-button--bg-2070253893 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas484567098 _brc-border--bas484567098 _borderBottomColor-border--bas484567098 _borderLeftColor-border--bas484567098 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-207185702 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
423
423
|
data-disable-theme="true"
|
|
424
424
|
role="button"
|
|
425
425
|
tabindex="0"
|
|
@@ -434,7 +434,7 @@ exports[`Bumper/Actions/IconButton/Features OnContrasted 1`] = `
|
|
|
434
434
|
</div>
|
|
435
435
|
</div>
|
|
436
436
|
<div
|
|
437
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1562039261 _backgroundColor-0active-button--bg-1562039261 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-301028930 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
437
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1562039261 _backgroundColor-0active-button--bg-1562039261 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-301028930 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
438
438
|
data-disable-theme="true"
|
|
439
439
|
role="button"
|
|
440
440
|
tabindex="0"
|
|
@@ -449,7 +449,7 @@ exports[`Bumper/Actions/IconButton/Features OnContrasted 1`] = `
|
|
|
449
449
|
</div>
|
|
450
450
|
</div>
|
|
451
451
|
<div
|
|
452
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2139745294 _backgroundColor-0active-button--bg-2139745294 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-276677103 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
452
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-2139745294 _backgroundColor-0active-button--bg-2139745294 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-276677103 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
453
453
|
data-disable-theme="true"
|
|
454
454
|
role="button"
|
|
455
455
|
tabindex="0"
|
|
@@ -491,7 +491,7 @@ exports[`Bumper/Actions/IconButton/Features Responsive 1`] = `
|
|
|
491
491
|
style="display: contents;"
|
|
492
492
|
>
|
|
493
493
|
<div
|
|
494
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-36px _paddingRight-8px _paddingLeft-8px _paddingTop-8px _paddingBottom-8px"
|
|
494
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-36px _paddingRight-8px _paddingLeft-8px _paddingTop-8px _paddingBottom-8px _width-36px"
|
|
495
495
|
data-disable-theme="true"
|
|
496
496
|
role="button"
|
|
497
497
|
tabindex="0"
|
|
@@ -533,7 +533,7 @@ exports[`Bumper/Actions/IconButton/Features Sizes 1`] = `
|
|
|
533
533
|
class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
|
|
534
534
|
>
|
|
535
535
|
<div
|
|
536
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px"
|
|
536
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _width-48px"
|
|
537
537
|
data-disable-theme="true"
|
|
538
538
|
role="button"
|
|
539
539
|
tabindex="0"
|
|
@@ -548,7 +548,7 @@ exports[`Bumper/Actions/IconButton/Features Sizes 1`] = `
|
|
|
548
548
|
</div>
|
|
549
549
|
</div>
|
|
550
550
|
<div
|
|
551
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-36px _paddingRight-8px _paddingLeft-8px _paddingTop-8px _paddingBottom-8px"
|
|
551
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _height-36px _paddingRight-8px _paddingLeft-8px _paddingTop-8px _paddingBottom-8px _width-36px"
|
|
552
552
|
data-disable-theme="true"
|
|
553
553
|
role="button"
|
|
554
554
|
tabindex="0"
|
|
@@ -594,7 +594,7 @@ exports[`Bumper/Actions/IconButton/Features StateFocusVisible 1`] = `
|
|
|
594
594
|
class="is_Button "
|
|
595
595
|
data-disable-theme="true"
|
|
596
596
|
role="button"
|
|
597
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
597
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--default); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
598
598
|
tabindex="0"
|
|
599
599
|
>
|
|
600
600
|
<div
|
|
@@ -610,7 +610,7 @@ exports[`Bumper/Actions/IconButton/Features StateFocusVisible 1`] = `
|
|
|
610
610
|
class="is_Button "
|
|
611
611
|
data-disable-theme="true"
|
|
612
612
|
role="button"
|
|
613
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
613
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
614
614
|
tabindex="0"
|
|
615
615
|
>
|
|
616
616
|
<div
|
|
@@ -626,7 +626,7 @@ exports[`Bumper/Actions/IconButton/Features StateFocusVisible 1`] = `
|
|
|
626
626
|
class="is_Button "
|
|
627
627
|
data-disable-theme="true"
|
|
628
628
|
role="button"
|
|
629
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
629
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--default); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
630
630
|
tabindex="0"
|
|
631
631
|
>
|
|
632
632
|
<div
|
|
@@ -642,7 +642,7 @@ exports[`Bumper/Actions/IconButton/Features StateFocusVisible 1`] = `
|
|
|
642
642
|
class="is_Button "
|
|
643
643
|
data-disable-theme="true"
|
|
644
644
|
role="button"
|
|
645
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
645
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-width: 3px; outline-color: var(--border--focus); outline-style: solid; height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--default); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
646
646
|
tabindex="0"
|
|
647
647
|
>
|
|
648
648
|
<div
|
|
@@ -686,7 +686,7 @@ exports[`Bumper/Actions/IconButton/Features StateHover 1`] = `
|
|
|
686
686
|
class="is_Button "
|
|
687
687
|
data-disable-theme="true"
|
|
688
688
|
role="button"
|
|
689
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
689
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--pressed); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
690
690
|
tabindex="0"
|
|
691
691
|
>
|
|
692
692
|
<div
|
|
@@ -702,7 +702,7 @@ exports[`Bumper/Actions/IconButton/Features StateHover 1`] = `
|
|
|
702
702
|
class="is_Button "
|
|
703
703
|
data-disable-theme="true"
|
|
704
704
|
role="button"
|
|
705
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
705
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
706
706
|
tabindex="0"
|
|
707
707
|
>
|
|
708
708
|
<div
|
|
@@ -718,7 +718,7 @@ exports[`Bumper/Actions/IconButton/Features StateHover 1`] = `
|
|
|
718
718
|
class="is_Button "
|
|
719
719
|
data-disable-theme="true"
|
|
720
720
|
role="button"
|
|
721
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
721
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--pressed); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
722
722
|
tabindex="0"
|
|
723
723
|
>
|
|
724
724
|
<div
|
|
@@ -734,7 +734,7 @@ exports[`Bumper/Actions/IconButton/Features StateHover 1`] = `
|
|
|
734
734
|
class="is_Button "
|
|
735
735
|
data-disable-theme="true"
|
|
736
736
|
role="button"
|
|
737
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
737
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
738
738
|
tabindex="0"
|
|
739
739
|
>
|
|
740
740
|
<div
|
|
@@ -778,7 +778,7 @@ exports[`Bumper/Actions/IconButton/Features StatePress 1`] = `
|
|
|
778
778
|
class="is_Button "
|
|
779
779
|
data-disable-theme="true"
|
|
780
780
|
role="button"
|
|
781
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
781
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--primary--pressed); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
782
782
|
tabindex="0"
|
|
783
783
|
>
|
|
784
784
|
<div
|
|
@@ -794,7 +794,7 @@ exports[`Bumper/Actions/IconButton/Features StatePress 1`] = `
|
|
|
794
794
|
class="is_Button "
|
|
795
795
|
data-disable-theme="true"
|
|
796
796
|
role="button"
|
|
797
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
797
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--base--accent); border-right-color: var(--border--base--accent); border-bottom-color: var(--border--base--accent); border-left-color: var(--border--base--accent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--secondary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
798
798
|
tabindex="0"
|
|
799
799
|
>
|
|
800
800
|
<div
|
|
@@ -810,7 +810,7 @@ exports[`Bumper/Actions/IconButton/Features StatePress 1`] = `
|
|
|
810
810
|
class="is_Button "
|
|
811
811
|
data-disable-theme="true"
|
|
812
812
|
role="button"
|
|
813
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
813
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--transparent); border-right-color: var(--border--transparent); border-bottom-color: var(--border--transparent); border-left-color: var(--border--transparent); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--tertiary--pressed); width: 48px; border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
814
814
|
tabindex="0"
|
|
815
815
|
>
|
|
816
816
|
<div
|
|
@@ -826,7 +826,7 @@ exports[`Bumper/Actions/IconButton/Features StatePress 1`] = `
|
|
|
826
826
|
class="is_Button "
|
|
827
827
|
data-disable-theme="true"
|
|
828
828
|
role="button"
|
|
829
|
-
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid;"
|
|
829
|
+
style="display: flex; flex-basis: auto; box-sizing: border-box; position: relative; min-height: 0px; min-width: 0px; flex-shrink: 0; flex-direction: row; align-items: center; justify-content: center; border-top-left-radius: var(--t-radius-radius--m); border-top-right-radius: var(--t-radius-radius--m); border-bottom-right-radius: var(--t-radius-radius--m); border-bottom-left-radius: var(--t-radius-radius--m); align-self: flex-start; gap: var(--t-space-space--8); cursor: pointer; border-top-color: var(--border--danger); border-right-color: var(--border--danger); border-bottom-color: var(--border--danger); border-left-color: var(--border--danger); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; outline-color: rgba(0, 0, 0, 0); height: 48px; padding: 14px 14px 14px 14px; backgound-color: var(--button--bg--danger--pressed); border-bottom-style: solid; border-top-style: solid; border-left-style: solid; border-right-style: solid; width: 48px;"
|
|
830
830
|
tabindex="0"
|
|
831
831
|
>
|
|
832
832
|
<div
|
|
@@ -867,7 +867,7 @@ exports[`Bumper/Actions/IconButton/Features Types 1`] = `
|
|
|
867
867
|
class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center _fwr-wrap"
|
|
868
868
|
>
|
|
869
869
|
<div
|
|
870
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
870
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
871
871
|
data-disable-theme="true"
|
|
872
872
|
role="button"
|
|
873
873
|
tabindex="0"
|
|
@@ -882,7 +882,7 @@ exports[`Bumper/Actions/IconButton/Features Types 1`] = `
|
|
|
882
882
|
</div>
|
|
883
883
|
</div>
|
|
884
884
|
<div
|
|
885
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
885
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
886
886
|
data-disable-theme="true"
|
|
887
887
|
role="button"
|
|
888
888
|
tabindex="0"
|
|
@@ -897,7 +897,7 @@ exports[`Bumper/Actions/IconButton/Features Types 1`] = `
|
|
|
897
897
|
</div>
|
|
898
898
|
</div>
|
|
899
899
|
<div
|
|
900
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
900
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-933103075 _backgroundColor-0active-button--bg-933103075 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1498796030 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
901
901
|
data-disable-theme="true"
|
|
902
902
|
role="button"
|
|
903
903
|
tabindex="0"
|
|
@@ -912,7 +912,7 @@ exports[`Bumper/Actions/IconButton/Features Types 1`] = `
|
|
|
912
912
|
</div>
|
|
913
913
|
</div>
|
|
914
914
|
<div
|
|
915
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1329843214 _backgroundColor-0active-button--bg-1329843214 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-533224977 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
915
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1329843214 _backgroundColor-0active-button--bg-1329843214 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--dan102228 _brc-border--dan102228 _borderBottomColor-border--dan102228 _borderLeftColor-border--dan102228 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-533224977 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
916
916
|
data-disable-theme="true"
|
|
917
917
|
role="button"
|
|
918
918
|
tabindex="0"
|
|
@@ -955,7 +955,7 @@ exports[`Bumper/Actions/IconButton/Features WithBadge 1`] = `
|
|
|
955
955
|
class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
|
|
956
956
|
>
|
|
957
957
|
<div
|
|
958
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
958
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
959
959
|
data-disable-theme="true"
|
|
960
960
|
role="button"
|
|
961
961
|
tabindex="0"
|
|
@@ -983,7 +983,7 @@ exports[`Bumper/Actions/IconButton/Features WithBadge 1`] = `
|
|
|
983
983
|
</div>
|
|
984
984
|
</div>
|
|
985
985
|
<div
|
|
986
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
986
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-1890703116 _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
987
987
|
data-disable-theme="true"
|
|
988
988
|
role="button"
|
|
989
989
|
tabindex="0"
|
|
@@ -1005,7 +1005,7 @@ exports[`Bumper/Actions/IconButton/Features WithBadge 1`] = `
|
|
|
1005
1005
|
</div>
|
|
1006
1006
|
</div>
|
|
1007
1007
|
<div
|
|
1008
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
1008
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-1610009989 _backgroundColor-0active-button--bg-1610009989 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--bas1187721777 _brc-border--bas1187721777 _borderBottomColor-border--bas1187721777 _borderLeftColor-border--bas1187721777 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _backgroundColor-button--bg-253058202 _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid _width-48px"
|
|
1009
1009
|
data-disable-theme="true"
|
|
1010
1010
|
role="button"
|
|
1011
1011
|
tabindex="0"
|
|
@@ -18,7 +18,7 @@ exports[`Bumper/Actions/IconButton Default 1`] = `
|
|
|
18
18
|
style="display: contents;"
|
|
19
19
|
>
|
|
20
20
|
<div
|
|
21
|
-
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-1890703116 _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
21
|
+
class="is_Button _outlineWidth-0focus-visible-3px _outlineColor-0focus-visible-border--foc3742 _outlineStyle-0focus-visible-solid _backgroundColor-0hover-button--bg-27634925 _backgroundColor-0active-button--bg-27634925 _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _alignItems-center _justifyContent-center _btlr-t-radius-ra1673638410 _btrr-t-radius-ra1673638410 _bbrr-t-radius-ra1673638410 _bblr-t-radius-ra1673638410 _alignSelf-flex-start _gap-t-space-spa94482166 _cur-pointer _btc-border--tra718859951 _brc-border--tra718859951 _borderBottomColor-border--tra718859951 _borderLeftColor-border--tra718859951 _btw-1px _brw-1px _borderBottomWidth-1px _borderLeftWidth-1px _backgroundColor-button--bg-1890703116 _height-48px _paddingRight-14px _paddingLeft-14px _paddingTop-14px _paddingBottom-14px _width-48px _borderBottomStyle-solid _borderTopStyle-solid _borderLeftStyle-solid _borderRightStyle-solid"
|
|
22
22
|
data-disable-theme="true"
|
|
23
23
|
role="button"
|
|
24
24
|
tabindex="0"
|