carbon-react 154.11.2 → 154.11.3
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/esm/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import o,{css as
|
|
1
|
+
import o,{css as e}from"styled-components";import i from"../../button/button.component.js";import t from"../../../style/utils/add-focus-styling.js";const n=o(i).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"sc-b8ef4e13-0"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:o})=>o?"--colorsActionMinorGray700":"--colorsUtilityYin100"),t(!0),t(!0)),r=o(i).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"sc-b8ef4e13-1"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),a=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"sc-b8ef4e13-2"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),s=o.div.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"sc-b8ef4e13-3"})(["align-items:center;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;top:",";width:",";max-width:375px;z-index:1000;border-right:",";& > :last-child{margin-bottom:40px;}"," ",""],(({height:o})=>o||"100%"),(({responsive:o})=>!o&&e(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({top:o})=>o),(({width:o})=>o||"100%"),(({childOpen:o,menu:e})=>"secondary"===e||!o&&"primary"===e?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({childOpen:o})=>o&&e(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:i,menu:t})=>"secondary"===t&&e(["left:",";min-height:",";"],i,o)));export{n as StyledButton,r as StyledCloseButton,a as StyledGlobalVerticalMenuWrapper,s as StyledResponsiveMenu};
|
package/lib/components/vertical-menu/responsive-vertical-menu/responsive-vertical-menu.style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),o=require("../../button/button.component.js"),t=require("../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var
|
|
1
|
+
"use strict";var e=require("styled-components"),o=require("../../button/button.component.js"),t=require("../../../style/utils/add-focus-styling.js");function i(e){return e&&e.__esModule?e:{default:e}}var n=i(e);const a=n.default(o.default).withConfig({displayName:"responsive-vertical-menu.style__StyledButton",componentId:"sc-b8ef4e13-0"})(["border-radius:0;background-color:var( ",' );[data-component="icon"]{color:var(--colorsUtilityYang100);}&:focus{appearance:none;-webkit-appearance:none;-webkit-box-shadow:',";box-shadow:",";border:1px solid black;outline:transparent 3px solid;}"],(({active:e})=>e?"--colorsActionMinorGray700":"--colorsUtilityYin100"),t.default(!0),t.default(!0)),r=n.default(o.default).withConfig({displayName:"responsive-vertical-menu.style__StyledCloseButton",componentId:"sc-b8ef4e13-1"})(['border-radius:0;[data-component="icon"]{color:var(--colorsUtilityYang100);}']),l=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledGlobalVerticalMenuWrapper",componentId:"sc-b8ef4e13-2"})(["background-color:black;color:white;display:flex;flex-direction:row;position:absolute;width:fit-content;"]),s=n.default.div.withConfig({displayName:"responsive-vertical-menu.style__StyledResponsiveMenu",componentId:"sc-b8ef4e13-3"})(["align-items:center;background-color:var(--colorsUtilityYin100);box-sizing:border-box;display:flex;flex-direction:column;height:",";justify-content:flex-start;overflow-y:auto;padding-bottom:var(--spacing100);",";padding-top:var(--spacing100);position:fixed;top:",";width:",";max-width:375px;z-index:1000;border-right:",";& > :last-child{margin-bottom:40px;}"," ",""],(({height:e})=>e||"100%"),(({responsive:o})=>!o&&e.css(["padding-left:var(--spacing200);padding-right:var(--spacing200);"])),(({top:e})=>e),(({width:e})=>e||"100%"),(({childOpen:e,menu:o})=>"secondary"===o||!e&&"primary"===o?"2px solid var(--colorsGray850)":"1px solid var(--colorsGray850)"),(({childOpen:o})=>o&&e.css(["padding-right:calc(var(--spacing200) + 1px);"])),(({height:o,left:t,menu:i})=>"secondary"===i&&e.css(["left:",";min-height:",";"],t,o)));exports.StyledButton=a,exports.StyledCloseButton=r,exports.StyledGlobalVerticalMenuWrapper=l,exports.StyledResponsiveMenu=s;
|