@sap-ux/ui-components
Version:
SAP UI Components Library
7 lines (5 loc) • 3.63 kB
JavaScript
;(()=>{var b=Object.defineProperty,m=Object.defineProperties;var I=Object.getOwnPropertyDescriptors;var _=Object.getOwnPropertySymbols;var L=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable;var p=(s,e,t)=>e in s?b(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,d=(s,e)=>{for(var t in e||(e={}))L.call(e,t)&&p(s,t,e[t]);if(_)for(var t of _(e))y.call(e,t)&&p(s,t,e[t]);return s},f=(s,e)=>m(s,I(e));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[69],{"./src/components/UILabel/UILabel.tsx"(s,e,t){var u=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(e,"__esModule",{value:!0}),e.UILabel=e.labelGlobalStyle=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../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"),r=t("./src/components/types.ts");e.labelGlobalStyle={fontWeight:"bold",fontSize:"13px",color:"var(--vscode-input-foreground)",padding:"4px 0"};class n extends c.default.Component{constructor(l){super(l)}render(){const l=i=>({root:[d({marginTop:25},e.labelGlobalStyle),i.disabled&&{opacity:"0.4"},i.required&&{selectors:{"::after":{content:r.REQUIRED_LABEL_INDICATOR,color:"var(--vscode-inputValidation-errorBorder)",paddingRight:12}}}]});return c.default.createElement(o.Label,f(d({},this.props),{styles:l}))}}e.UILabel=n,n.__docgenInfo={description:`UILabel component
based on https://developer.microsoft.com/en-us/fluentui#/controls/web/label
@exports
@class UILabel
@extends {React.Component<ILabelProps, {}>}`,methods:[],displayName:"UILabel"}},"./src/components/UILabel/index.tsx"(s,e,t){var u=this&&this.__createBinding||(Object.create?(function(o,r,n,a){a===void 0&&(a=n);var l=Object.getOwnPropertyDescriptor(r,n);(!l||("get"in l?!r.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(o,a,l)}):(function(o,r,n,a){a===void 0&&(a=n),o[a]=r[n]})),c=this&&this.__exportStar||function(o,r){for(var n in o)n!=="default"&&!Object.prototype.hasOwnProperty.call(r,n)&&u(r,o,n)};Object.defineProperty(e,"__esModule",{value:!0}),c(t("./src/components/UILabel/UILabel.tsx"),e)},"./src/components/types.ts"(s,e){Object.defineProperty(e,"__esModule",{value:!0}),e.REQUIRED_LABEL_INDICATOR=void 0,e.REQUIRED_LABEL_INDICATOR="' *' / ''"},"./stories/UILabel.story.tsx"(s,e,t){var u=this&&this.__importDefault||function(l){return l&&l.__esModule?l:{default:l}};Object.defineProperty(e,"__esModule",{value:!0}),e.defaultUsage=void 0;const c=u(t("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),o=t("../../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"),r=t("./src/components/UILabel/index.tsx");e.default={title:"Basic Inputs/Label"};const n={childrenGap:40},a=()=>c.default.createElement(o.Stack,{tokens:n,style:{width:300}},c.default.createElement(o.Stack,{tokens:{childrenGap:16}},c.default.createElement(o.Text,{variant:"large",className:"textColor"},"UILabel"),c.default.createElement(r.UILabel,null,"Just a label")),c.default.createElement(o.Stack,{tokens:{childrenGap:16}},c.default.createElement(o.Text,{variant:"large",className:"textColor"},"UILabel with required on"),c.default.createElement(r.UILabel,{required:!0},"Just a label")));e.defaultUsage=a}}]);})();