@entur/loader
Advanced tools
Comparing version 0.3.30 to 0.3.31
@@ -6,2 +6,10 @@ # Change Log | ||
## [0.3.31](https://bitbucket.org/enturas/design-system/compare/@entur/loader@0.3.30...@entur/loader@0.3.31) (2020-11-05) | ||
### Bug Fixes | ||
- **baseskeleton:** declare style as a required prop ([fd58ebd](https://bitbucket.org/enturas/design-system/commits/fd58ebda5987c3c0b92282942c16325159e71fc7)) | ||
- **skeletoncircle:** improve typings for size prop ([be80713](https://bitbucket.org/enturas/design-system/commits/be8071346a55b9311c2dcdfd5141ae6c13f3619e)) | ||
- **skeletonrectangle:** improve typings for props width and height ([3c92baa](https://bitbucket.org/enturas/design-system/commits/3c92baa2e6b8c55227bc6db974a736f53d33a595)) | ||
## [0.3.30](https://bitbucket.org/enturas/design-system/compare/@entur/loader@0.3.29...@entur/loader@0.3.30) (2020-10-23) | ||
@@ -8,0 +16,0 @@ |
@@ -6,2 +6,3 @@ import React from 'react'; | ||
className?: string; | ||
style: React.CSSProperties; | ||
[key: string]: any; | ||
@@ -8,0 +9,0 @@ }; |
@@ -81,3 +81,4 @@ 'use strict'; | ||
var className = _ref.className, | ||
rest = _objectWithoutPropertiesLoose(_ref, ["className"]); | ||
style = _ref.style, | ||
rest = _objectWithoutPropertiesLoose(_ref, ["className", "style"]); | ||
@@ -88,3 +89,4 @@ return React.createElement("div", Object.assign({ | ||
"aria-busy": true, | ||
"aria-live": "polite" | ||
"aria-live": "polite", | ||
style: style | ||
}, rest)); | ||
@@ -91,0 +93,0 @@ }; |
@@ -1,2 +0,2 @@ | ||
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("@entur/utils"),t=e(require("react")),r=e(require("classnames")),s=require("@entur/typography");function l(){return(l=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}function n(e,a){if(null==e)return{};var t,r,s={},l=Object.keys(e);for(r=0;r<l.length;r++)a.indexOf(t=l[r])>=0||(s[t]=e[t]);return s}var i=function(e){var a=e.className,s=n(e,["className"]);return t.createElement("div",Object.assign({className:r("eds-skeleton","eds-skeleton--animate",a),role:"alert","aria-busy":!0,"aria-live":"polite"},s))};a.warnAboutMissingStyles("loader","typography"),exports.Loader=function(e){var a=e.children,l=e.className,i=e.progress,c=void 0===i?"indeterminate":i,o=n(e,["children","className","progress"]),d="indeterminate"===c,u={};return d||(u={"--loader-width":c+"%"}),t.createElement("div",Object.assign({className:r("eds-loader",l),role:"alert","aria-busy":!0,"aria-live":"polite"},o),a&&t.createElement(s.Heading5,{as:"div",className:"eds-loader__label"},a),t.createElement("div",{className:r("eds-loader__bar",{"eds-loader__bar--indeterminate":d}),style:u}),"indeterminate"!==c&&t.createElement(s.SmallText,{className:"eds-loader__percentage"},c," %"))},exports.SkeletonCircle=function(e){var a=e.className,s=e.size,c=n(e,["className","size"]);return t.createElement(i,Object.assign({className:r(a,"eds-skeleton-circle"),style:l({width:s,height:s},c.style)},c))},exports.SkeletonRectangle=function(e){var a=e.className,s=e.width,c=e.height,o=n(e,["className","width","height"]);return t.createElement(i,Object.assign({className:r("eds-skeleton-rectangle",a),style:l({width:s,height:c},o.style)},o))},exports.SkeletonWrapper=function(e){var a=e.className,s=e.children,l=n(e,["className","children"]);return t.createElement("div",Object.assign({className:r("eds-skeleton-wrapper",a),role:"alert","aria-busy":!0,"aria-live":"polite"},l),s)}; | ||
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@entur/utils"),a=e(require("react")),r=e(require("classnames")),s=require("@entur/typography");function l(){return(l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e}).apply(this,arguments)}function n(e,t){if(null==e)return{};var a,r,s={},l=Object.keys(e);for(r=0;r<l.length;r++)t.indexOf(a=l[r])>=0||(s[a]=e[a]);return s}var i=function(e){var t=e.className,s=e.style,l=n(e,["className","style"]);return a.createElement("div",Object.assign({className:r("eds-skeleton","eds-skeleton--animate",t),role:"alert","aria-busy":!0,"aria-live":"polite",style:s},l))};t.warnAboutMissingStyles("loader","typography"),exports.Loader=function(e){var t=e.children,l=e.className,i=e.progress,c=void 0===i?"indeterminate":i,o=n(e,["children","className","progress"]),d="indeterminate"===c,u={};return d||(u={"--loader-width":c+"%"}),a.createElement("div",Object.assign({className:r("eds-loader",l),role:"alert","aria-busy":!0,"aria-live":"polite"},o),t&&a.createElement(s.Heading5,{as:"div",className:"eds-loader__label"},t),a.createElement("div",{className:r("eds-loader__bar",{"eds-loader__bar--indeterminate":d}),style:u}),"indeterminate"!==c&&a.createElement(s.SmallText,{className:"eds-loader__percentage"},c," %"))},exports.SkeletonCircle=function(e){var t=e.className,s=e.size,c=n(e,["className","size"]);return a.createElement(i,Object.assign({className:r(t,"eds-skeleton-circle"),style:l({width:s,height:s},c.style)},c))},exports.SkeletonRectangle=function(e){var t=e.className,s=e.width,c=e.height,o=n(e,["className","width","height"]);return a.createElement(i,Object.assign({className:r("eds-skeleton-rectangle",t),style:l({width:s,height:c},o.style)},o))},exports.SkeletonWrapper=function(e){var t=e.className,s=e.children,l=n(e,["className","children"]);return a.createElement("div",Object.assign({className:r("eds-skeleton-wrapper",t),role:"alert","aria-busy":!0,"aria-live":"polite"},l),s)}; | ||
//# sourceMappingURL=loader.cjs.production.min.js.map |
@@ -75,3 +75,4 @@ import { warnAboutMissingStyles } from '@entur/utils'; | ||
var className = _ref.className, | ||
rest = _objectWithoutPropertiesLoose(_ref, ["className"]); | ||
style = _ref.style, | ||
rest = _objectWithoutPropertiesLoose(_ref, ["className", "style"]); | ||
@@ -82,3 +83,4 @@ return React.createElement("div", Object.assign({ | ||
"aria-busy": true, | ||
"aria-live": "polite" | ||
"aria-live": "polite", | ||
style: style | ||
}, rest)); | ||
@@ -85,0 +87,0 @@ }; |
@@ -1,2 +0,2 @@ | ||
import React, { CSSProperties } from 'react'; | ||
import React from 'react'; | ||
export declare type SkeletonCircleProps = { | ||
@@ -8,5 +8,5 @@ /** Ekstra klassenavn */ | ||
*/ | ||
size: CSSProperties; | ||
size: string | number; | ||
[key: string]: any; | ||
}; | ||
export declare const SkeletonCircle: React.FC<SkeletonCircleProps>; |
@@ -1,2 +0,2 @@ | ||
import React, { CSSProperties } from 'react'; | ||
import React from 'react'; | ||
export declare type SkeletonRectangleProps = { | ||
@@ -8,9 +8,9 @@ /** Ekstra klassenavn */ | ||
*/ | ||
width?: CSSProperties; | ||
width?: string | number; | ||
/** Høyden til komponenten. 1rem som default. | ||
* @default '1rem' | ||
*/ | ||
height?: CSSProperties; | ||
height?: string | number; | ||
[key: string]: any; | ||
}; | ||
export declare const SkeletonRectangle: React.FC<SkeletonRectangleProps>; |
{ | ||
"name": "@entur/loader", | ||
"version": "0.3.30", | ||
"version": "0.3.31", | ||
"license": "EUPL-1.2", | ||
@@ -35,3 +35,3 @@ "main": "dist/index.js", | ||
}, | ||
"gitHead": "3c734b26a99c052eda5e937b970d97645e11d0a0" | ||
"gitHead": "c6a3e4911427aea2d3d83bc0dc4fcbbeef3b7164" | ||
} |
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
61873
395