@entur/component-library
Advanced tools
Comparing version 0.2.0 to 0.2.1
@@ -60,3 +60,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-radio-checkbox-group', | ||
'rootClassName': 'entur-radio-checkbox-group', | ||
'itemclassname': 'entur-radio-checkbox', | ||
@@ -123,3 +123,3 @@ 'entur-radio-checkbox-group': 'entur-radio-checkbox-group', | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className, _defineProperty({}, _styles.rootclassname + '--' + direction, direction)); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className, _defineProperty({}, _styles.rootClassName + '--' + direction, direction)); | ||
@@ -126,0 +126,0 @@ var childrenArray = _react2.default.Children.toArray(children); |
@@ -60,3 +60,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-radio-checkbox-group', | ||
'rootClassName': 'entur-radio-checkbox-group', | ||
'itemclassname': 'entur-radio-checkbox', | ||
@@ -126,3 +126,3 @@ 'entur-radio-checkbox-group': 'entur-radio-checkbox-group', | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className, _defineProperty({}, _styles.rootclassname + '--' + direction, direction)); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className, _defineProperty({}, _styles.rootClassName + '--' + direction, direction)); | ||
@@ -129,0 +129,0 @@ var childrenArray = _react2.default.Children.toArray(children); |
@@ -60,3 +60,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-form-control', | ||
'rootClassName': 'entur-form-control', | ||
'entur-form-control': 'entur-form-control', | ||
@@ -63,0 +63,0 @@ 'entur-form-control--size-sm': 'entur-form-control--size-sm', |
@@ -60,3 +60,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-form-control', | ||
'rootClassName': 'entur-form-control', | ||
'entur-form-control': 'entur-form-control', | ||
@@ -63,0 +63,0 @@ 'entur-form-control--size-sm': 'entur-form-control--size-sm', |
@@ -31,3 +31,3 @@ 'use strict'; | ||
'baselineheight': '1.5', | ||
'rootclassname': 'entur-form-group', | ||
'rootClassName': 'entur-form-group', | ||
'entur-form-group': 'entur-form-group' | ||
@@ -54,3 +54,3 @@ }; | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className); | ||
@@ -80,3 +80,3 @@ return _react2.default.createElement( | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className); | ||
@@ -83,0 +83,0 @@ return _react2.default.createElement( |
@@ -60,3 +60,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-label', | ||
'rootClassName': 'entur-label', | ||
'entur-label': 'entur-label' | ||
@@ -74,3 +74,3 @@ }; | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className); | ||
@@ -89,3 +89,3 @@ return _react2.default.createElement( | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootclassname, className); | ||
var combinedClassNames = (0, _classnames2.default)(_styles.rootClassName, className); | ||
@@ -92,0 +92,0 @@ return _react2.default.createElement( |
@@ -59,3 +59,3 @@ 'use strict'; | ||
'focus': '#44c0ff', | ||
'rootclassname': 'entur-switch', | ||
'rootClassName': 'entur-switch', | ||
'switch-wrapper': 'switch-wrapper', | ||
@@ -88,3 +88,3 @@ 'entur-switch': 'entur-switch', | ||
'span', | ||
{ className: _styles.rootclassname }, | ||
{ className: _styles.rootClassName }, | ||
_react2.default.createElement('input', _extends({ | ||
@@ -91,0 +91,0 @@ value: value, |
{ | ||
"name": "@entur/component-library", | ||
"version": "0.2.0", | ||
"version": "0.2.1", | ||
"license": "EUPL-1.2", | ||
@@ -5,0 +5,0 @@ "main": "lib/index.js", |
@@ -5,3 +5,3 @@ import React from 'react'; | ||
import { rootclassname, itemclassname } from './styles.scss'; | ||
import { rootClassName, itemclassname } from './styles.scss'; | ||
@@ -44,4 +44,4 @@ export function Checkbox(props) { | ||
const combinedClassNames = cx(rootclassname, className, { | ||
[`${rootclassname}--${direction}`]: direction | ||
const combinedClassNames = cx(rootClassName, className, { | ||
[`${rootClassName}--${direction}`]: direction | ||
}); | ||
@@ -48,0 +48,0 @@ |
@@ -5,3 +5,3 @@ import React from 'react'; | ||
import { rootclassname, itemclassname } from './styles.scss'; | ||
import { rootClassName, itemclassname } from './styles.scss'; | ||
@@ -54,4 +54,4 @@ export function Radio(props) { | ||
const combinedClassNames = cx(rootclassname, className, { | ||
[`${rootclassname}--${direction}`]: direction | ||
const combinedClassNames = cx(rootClassName, className, { | ||
[`${rootClassName}--${direction}`]: direction | ||
}); | ||
@@ -58,0 +58,0 @@ |
import React from 'react'; | ||
import cx from 'classnames'; | ||
import PropTypes from 'prop-types'; | ||
import { rootclassname } from './styles.scss'; | ||
import { rootClassName } from './styles.scss'; | ||
@@ -17,3 +17,3 @@ import { Label, Legend } from '../label'; | ||
const { id, className, inputId, title, children } = props; | ||
const combinedClassNames = cx(rootclassname, className); | ||
const combinedClassNames = cx(rootClassName, className); | ||
@@ -35,3 +35,3 @@ return ( | ||
const { id, children, className, title, disabled } = props; | ||
const combinedClassNames = cx(rootclassname, className); | ||
const combinedClassNames = cx(rootClassName, className); | ||
@@ -38,0 +38,0 @@ return ( |
import React from 'react'; | ||
import PropTypes from 'prop-types'; | ||
import cx from 'classnames'; | ||
import { rootclassname } from './styles.scss'; | ||
import { rootClassName } from './styles.scss'; | ||
export function Label(props) { | ||
const { children, className, ...rest } = props; | ||
const combinedClassNames = cx(rootclassname, className); | ||
const combinedClassNames = cx(rootClassName, className); | ||
@@ -19,3 +19,3 @@ return ( | ||
const { children, className, ...rest } = props; | ||
const combinedClassNames = cx(rootclassname, className); | ||
const combinedClassNames = cx(rootClassName, className); | ||
@@ -22,0 +22,0 @@ return ( |
@@ -5,3 +5,3 @@ import React from 'react'; | ||
import { rootclassname } from './styles.scss'; | ||
import { rootClassName } from './styles.scss'; | ||
@@ -22,3 +22,3 @@ export function SlideSwitch(props) { | ||
<div className={divClassNames}> | ||
<span className={rootclassname}> | ||
<span className={rootClassName}> | ||
<input | ||
@@ -25,0 +25,0 @@ value={value} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet