@s-ui/react-atom-label
Advanced tools
Comparing version 1.24.0 to 1.25.0
@@ -1,30 +0,1 @@ | ||
import PropTypes from 'prop-types'; | ||
import { FONT_SIZES, getClass, TYPES } from './settings.js'; | ||
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime"; | ||
var AtomLabel = function AtomLabel(_ref) { | ||
var name = _ref.name, | ||
inline = _ref.inline, | ||
text = _ref.text, | ||
optionalText = _ref.optionalText, | ||
type = _ref.type, | ||
htmlFor = _ref.htmlFor, | ||
fontSize = _ref.fontSize, | ||
onClick = _ref.onClick; | ||
return /*#__PURE__*/_jsxs("label", { | ||
htmlFor: htmlFor || name, | ||
className: getClass({ | ||
type: type, | ||
inline: inline, | ||
fontSize: fontSize | ||
}), | ||
onClick: onClick, | ||
children: [text, optionalText && /*#__PURE__*/_jsx("span", { | ||
className: "sui-AtomLabel-optionalText", | ||
children: optionalText | ||
})] | ||
}); | ||
}; | ||
AtomLabel.displayName = 'AtomLabel'; | ||
export default AtomLabel; | ||
export { TYPES as AtomLabelTypes }; | ||
export { FONT_SIZES as AtomLabelFontSizes }; | ||
import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";import cx from"classnames";import{CLASSNAME,FONT_SIZES,TYPES}from"./settings";var getClass=function(param){var inline=param.inline,type=param.type,fontSize=param.fontSize;var _obj;return cx(CLASSNAME,(_obj={},_obj[CLASSNAME+"--"+fontSize]=Boolean(fontSize),_obj[CLASSNAME+"--"+type]=Boolean(type),_obj[""+CLASSNAME+"--inlineLeft"]=inline==="left",_obj[""+CLASSNAME+"--inlineRight"]=inline==="right",_obj))};var AtomLabel=function(param){var name=param.name,text=param.text,inline=param.inline,optionalText=param.optionalText,type=param.type,fontSize=param.fontSize,htmlFor=param.htmlFor,onClick=param.onClick;return _jsxs("label",{htmlFor:htmlFor!=null?htmlFor:name,className:getClass({inline:inline,type:type,fontSize:fontSize}),onClick:onClick,children:[text,Boolean(optionalText)&&_jsx("span",{className:"sui-AtomLabel-optionalText",children:optionalText})]})};AtomLabel.displayName="AtomLabel";export default AtomLabel;export{FONT_SIZES as AtomLabelFontSizes};export{TYPES as AtomLabelTypes}; |
@@ -1,22 +0,1 @@ | ||
import cx from 'classnames'; | ||
export var CLASSNAME = 'sui-AtomLabel'; | ||
export var TYPES = { | ||
SUCCESS: 'success', | ||
ERROR: 'error', | ||
ALERT: 'alert', | ||
CONTRAST: 'contrast', | ||
DISABLED: 'disabled' | ||
}; | ||
export var FONT_SIZES = { | ||
LARGE: 'large', | ||
MEDIUM: 'medium', | ||
SMALL: 'small', | ||
XSMALL: 'xsmall' | ||
}; | ||
export var getClass = function getClass(_ref) { | ||
var _cx; | ||
var type = _ref.type, | ||
inline = _ref.inline, | ||
fontSize = _ref.fontSize; | ||
return cx(CLASSNAME, (_cx = {}, _cx[CLASSNAME + "--" + fontSize] = fontSize, _cx[CLASSNAME + "--" + type] = type, _cx[CLASSNAME + "--inlineLeft"] = inline === 'left', _cx[CLASSNAME + "--inlineRight"] = inline === 'right', _cx)); | ||
}; | ||
export var CLASSNAME="sui-AtomLabel";export var TYPES={SUCCESS:"success",ERROR:"error",ALERT:"alert",CONTRAST:"contrast",DISABLED:"disabled"};export var FONT_SIZES={LARGE:"large",MEDIUM:"medium",SMALL:"small",XSMALL:"xsmall"}; |
{ | ||
"name": "@s-ui/react-atom-label", | ||
"version": "1.24.0", | ||
"version": "1.25.0", | ||
"description": "", | ||
"main": "lib/index.js", | ||
"scripts": { | ||
"prepublishOnly": "rimraf ./lib && npm run build:js && npm run build:styles", | ||
"build:js": "babel --presets sui ./src --out-dir ./lib", | ||
"prepublishOnly": "npm run build:js && npm run build:styles", | ||
"build:js": "sui-js-compiler", | ||
"build:styles": "cpx './src/**/*.scss' ./lib" | ||
}, | ||
"dependencies": { | ||
"@s-ui/component-dependencies": "1" | ||
"@s-ui/component-dependencies": "1", | ||
"@s-ui/js-compiler": "1" | ||
}, | ||
@@ -14,0 +15,0 @@ "keywords": [], |
6151
12
76
2
+ Added@s-ui/js-compiler@1
+ Added@nodelib/fs.scandir@2.1.5(transitive)
+ Added@nodelib/fs.stat@2.0.5(transitive)
+ Added@nodelib/fs.walk@1.2.8(transitive)
+ Added@s-ui/compiler-config@1.1.0(transitive)
+ Added@s-ui/js-compiler@1.29.0(transitive)
+ Added@s-ui/theme@8.132.0(transitive)
+ Added@swc/core@1.3.14(transitive)
+ Added@swc/core-darwin-arm64@1.3.14(transitive)
+ Added@swc/core-darwin-x64@1.3.14(transitive)
+ Added@swc/core-linux-arm-gnueabihf@1.3.14(transitive)
+ Added@swc/core-linux-arm64-gnu@1.3.14(transitive)
+ Added@swc/core-linux-arm64-musl@1.3.14(transitive)
+ Added@swc/core-linux-x64-gnu@1.3.14(transitive)
+ Added@swc/core-linux-x64-musl@1.3.14(transitive)
+ Added@swc/core-win32-arm64-msvc@1.3.14(transitive)
+ Added@swc/core-win32-ia32-msvc@1.3.14(transitive)
+ Added@swc/core-win32-x64-msvc@1.3.14(transitive)
+ Added@swc/helpers@0.4.12(transitive)
+ Added@tsconfig/esm@1.0.4(transitive)
+ Added@tsconfig/vite-react@2.0.0(transitive)
+ Addedbraces@3.0.3(transitive)
+ Addedcommander@8.3.0(transitive)
+ Addedfast-glob@3.2.12(transitive)
+ Addedfastq@1.19.0(transitive)
+ Addedfill-range@7.1.1(transitive)
+ Addedfs-extra@10.1.0(transitive)
+ Addedglob-parent@5.1.2(transitive)
+ Addedgraceful-fs@4.2.11(transitive)
+ Addedis-extglob@2.1.1(transitive)
+ Addedis-glob@4.0.3(transitive)
+ Addedis-number@7.0.0(transitive)
+ Addedjsonfile@6.1.0(transitive)
+ Addedmerge2@1.4.1(transitive)
+ Addedmicromatch@4.0.8(transitive)
+ Addedpicomatch@2.3.1(transitive)
+ Addedqueue-microtask@1.2.3(transitive)
+ Addedreusify@1.0.4(transitive)
+ Addedrun-parallel@1.2.0(transitive)
+ Addedto-regex-range@5.0.1(transitive)
+ Addedtslib@2.8.1(transitive)
+ Addedtypescript@5.0.4(transitive)
+ Addeduniversalify@2.0.1(transitive)
- Removed@s-ui/theme@8.133.0(transitive)