@sap-ux/ui-components
Version:
SAP UI Components Library
7 lines (5 loc) • 3.7 kB
JavaScript
;(()=>{var f=Object.defineProperty,m=Object.defineProperties;var S=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var b=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable;var i=(c,e,a)=>e in c?f(c,e,{enumerable:!0,configurable:!0,writable:!0,value:a}):c[e]=a,p=(c,e)=>{for(var a in e||(e={}))b.call(e,a)&&i(c,a,e[a]);if(d)for(var a of d(e))h.call(e,a)&&i(c,a,e[a]);return c},_=(c,e)=>m(c,S(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[930],{"./src/components/UISeparator/UISeparator.tsx"(c,e,a){var u=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(e,"__esModule",{value:!0}),e.UISeparator=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js");class n extends r.default.Component{constructor(l){super(l)}render(){const l=s=>({root:[{height:"100%",width:1,padding:"0 10px",selectors:{":before":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}},s.vertical&&{height:"100%",width:1,padding:"0 10px",selectors:{":after":{backgroundColor:"var(--vscode-editorWidget-border)",top:1,bottom:1}}}]});return r.default.createElement(o.Separator,_(p({},this.props),{styles:l}))}}e.UISeparator=n,n.__docgenInfo={description:`UISeparator component
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/separator
@exports
@class UISeparator
@extends {React.Component<ISeparatorProps, {}>}`,methods:[],displayName:"UISeparator"}},"./src/components/UISeparator/index.tsx"(c,e,a){var u=this&&this.__createBinding||(Object.create?(function(o,n,t,l){l===void 0&&(l=t);var s=Object.getOwnPropertyDescriptor(n,t);(!s||("get"in s?!n.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return n[t]}}),Object.defineProperty(o,l,s)}):(function(o,n,t,l){l===void 0&&(l=t),o[l]=n[t]})),r=this&&this.__exportStar||function(o,n){for(var t in o)t!=="default"&&!Object.prototype.hasOwnProperty.call(n,t)&&u(n,o,t)};Object.defineProperty(e,"__esModule",{value:!0}),r(a("./src/components/UISeparator/UISeparator.tsx"),e)},"./stories/UISeparator.story.tsx"(c,e,a){var u=this&&this.__importDefault||function(s){return s&&s.__esModule?s:{default:s}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const r=u(a("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=a("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js"),n=a("./src/components/UISeparator/index.tsx");e.default={title:"Utilities/Separator"};const t={childrenGap:40},l=()=>r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Vertical Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,{vertical:!0}),r.default.createElement("span",null,"World"))),r.default.createElement(o.Stack,{tokens:t},r.default.createElement(o.Text,{variant:"large",className:"textColor",block:!0},"Horizontal Separator"),r.default.createElement(o.Stack,{horizontal:!0,tokens:t},r.default.createElement("span",null,"Hello"),r.default.createElement(n.UISeparator,null),r.default.createElement("span",null,"World"))));e.defaultUsage=l}}]);})();