Socket
Socket
Sign inDemoInstall

@tds/core-heading

Package Overview
Dependencies
Maintainers
8
Versions
40
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tds/core-heading - npm Package Compare versions

Comparing version 2.0.1 to 2.1.0

.DS_Store

107

CHANGELOG.md

@@ -6,26 +6,22 @@ # Change Log

## [2.0.1](https://github.com/telusdigital/tds/compare/@tds/core-heading@2.0.0...@tds/core-heading@2.0.1) (2019-05-01)
# [2.1.0](https://github.com/telusdigital/tds/compare/@tds/core-heading@2.0.1...@tds/core-heading@2.1.0) (2019-06-04)
**Note:** Version bump only for package @tds/core-heading
### Features
- **core-heading:** add sup tag support, deprecate Heading.Sup ([0b02ad6](https://github.com/telusdigital/tds/commit/0b02ad6)), closes [#1059](https://github.com/telusdigital/tds/issues/1059)
## [2.0.1](https://github.com/telusdigital/tds/compare/@tds/core-heading@2.0.0...@tds/core-heading@2.0.1) (2019-05-01)
**Note:** Version bump only for package @tds/core-heading
# [2.0.0](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.2.1...@tds/core-heading@2.0.0) (2019-04-08)
### Features
* **core-heading:** upgrade to styled-components ([e95dd35](https://github.com/telusdigital/tds/commit/e95dd35))
- **core-heading:** upgrade to styled-components ([e95dd35](https://github.com/telusdigital/tds/commit/e95dd35))
### BREAKING CHANGES
* **core-heading:** upgrade to styled-components
- **core-heading:** upgrade to styled-components
## [1.2.1](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.2.0...@tds/core-heading@1.2.1) (2019-03-28)

@@ -35,18 +31,9 @@

# [1.2.0](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.11...@tds/core-heading@1.2.0) (2019-03-28)
### Features
* **core-heading:** add div option to tag prop ([3090634](https://github.com/telusdigital/tds/commit/3090634))
* **core-heading:** add span option to tag prop ([22bd433](https://github.com/telusdigital/tds/commit/22bd433))
- **core-heading:** add div option to tag prop ([3090634](https://github.com/telusdigital/tds/commit/3090634))
- **core-heading:** add span option to tag prop ([22bd433](https://github.com/telusdigital/tds/commit/22bd433))
## [1.1.11](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.10...@tds/core-heading@1.1.11) (2019-03-20)

@@ -56,6 +43,2 @@

## [1.1.10](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.9...@tds/core-heading@1.1.10) (2019-03-20)

@@ -65,6 +48,2 @@

## [1.1.9](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.8...@tds/core-heading@1.1.9) (2019-03-18)

@@ -74,6 +53,2 @@

## [1.1.8](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.7...@tds/core-heading@1.1.8) (2019-03-11)

@@ -83,6 +58,2 @@

## [1.1.7](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.6...@tds/core-heading@1.1.7) (2019-03-05)

@@ -92,6 +63,2 @@

## [1.1.6](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.5...@tds/core-heading@1.1.6) (2019-02-06)

@@ -101,84 +68,62 @@

<a name="1.1.5"></a>
<a name="1.1.5"></a>
## [1.1.5](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.4...@tds/core-heading@1.1.5) (2018-12-19)
### Bug Fixes
* **core-heading:** use shared typography stylesheet ([922397a](https://github.com/telusdigital/tds/commit/922397a))
- **core-heading:** use shared typography stylesheet ([922397a](https://github.com/telusdigital/tds/commit/922397a))
<a name="1.1.4"></a>
<a name="1.1.4"></a>
## [1.1.4](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.3...@tds/core-heading@1.1.4) (2018-12-06)
**Note:** Version bump only for package @tds/core-heading
<a name="1.1.3"></a>
## [1.1.3](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.2...@tds/core-heading@1.1.3) (2018-09-27)
### Bug Fixes
* **core-heading:** reduce h2 character spacing ([05d1b19](https://github.com/telusdigital/tds/commit/05d1b19))
- **core-heading:** reduce h2 character spacing ([05d1b19](https://github.com/telusdigital/tds/commit/05d1b19))
<a name="1.1.2"></a>
<a name="1.1.2"></a>
## [1.1.2](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.1...@tds/core-heading@1.1.2) (2018-07-10)
**Note:** Version bump only for package @tds/core-heading
<a name="1.1.1"></a>
## [1.1.1](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.1.0...@tds/core-heading@1.1.1) (2018-06-14)
**Note:** Version bump only for package @tds/core-heading
<a name="1.1.0"></a>
# [1.1.0](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.0.2...@tds/core-heading@1.1.0) (2018-06-08)
### Features
* **core-heading:** decouple semantic heading level from visual size ([2153864](https://github.com/telusdigital/tds/commit/2153864))
* **core-heading:** decouple visual heading level from semantic tag ([364a8b3](https://github.com/telusdigital/tds/commit/364a8b3))
- **core-heading:** decouple semantic heading level from visual size ([2153864](https://github.com/telusdigital/tds/commit/2153864))
- **core-heading:** decouple visual heading level from semantic tag ([364a8b3](https://github.com/telusdigital/tds/commit/364a8b3))
<a name="1.0.2"></a>
<a name="1.0.2"></a>
## [1.0.2](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.0.1...@tds/core-heading@1.0.2) (2018-05-14)
### Bug Fixes
* **core-heading:** remove unused responsive import ([6c4f613](https://github.com/telusdigital/tds/commit/6c4f613))
- **core-heading:** remove unused responsive import ([6c4f613](https://github.com/telusdigital/tds/commit/6c4f613))
<a name="1.0.1"></a>
<a name="1.0.1"></a>
## [1.0.1](https://github.com/telusdigital/tds/compare/@tds/core-heading@1.0.0...@tds/core-heading@1.0.1) (2018-04-02)
### Bug Fixes
* **core-display-heading:** remove unnecessary variable ([4a48ed4](https://github.com/telusdigital/tds/commit/4a48ed4))
* **core-heading:** move core-responsive to devDependencies ([e2c5b9c](https://github.com/telusdigital/tds/commit/e2c5b9c))
* **core-heading:** remove unnecessary media query ([a13efec](https://github.com/telusdigital/tds/commit/a13efec))
* **core-heading:** update responsive scss reference ([fe56d4b](https://github.com/telusdigital/tds/commit/fe56d4b))
- **core-display-heading:** remove unnecessary variable ([4a48ed4](https://github.com/telusdigital/tds/commit/4a48ed4))
- **core-heading:** move core-responsive to devDependencies ([e2c5b9c](https://github.com/telusdigital/tds/commit/e2c5b9c))
- **core-heading:** remove unnecessary media query ([a13efec](https://github.com/telusdigital/tds/commit/a13efec))
- **core-heading:** update responsive scss reference ([fe56d4b](https://github.com/telusdigital/tds/commit/fe56d4b))

@@ -14,28 +14,2 @@ 'use strict';

function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
var _extends_1 = createCommonjsModule(function (module) {
function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
module.exports = _extends;
});
function _objectWithoutPropertiesLoose(source, excluded) {

@@ -96,22 +70,27 @@ if (source == null) return {};

function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
var _extends_1 = createCommonjsModule(function (module) {
function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
ownKeys.forEach(function (key) {
defineProperty(target, key, source[key]);
});
}
return target;
};
return target;
return _extends.apply(this, arguments);
}
var objectSpread = _objectSpread;
module.exports = _extends;
});

@@ -127,2 +106,11 @@ var safeRest = (function (_ref) {

/* eslint-disable import/prefer-default-export */
var deprecate = function deprecate(componentName, message) {
if (process.env.NODE_ENV === 'production') {
return;
}
console.warn("[TDS] [Deprecate] ".concat(componentName, ": ").concat(message)); // eslint-disable-line no-console
};
var StyledHeadingSup = styled.sup.withConfig({

@@ -133,3 +121,3 @@ displayName: "HeadingSup__StyledHeadingSup",

/**
* Superscript text for `Heading` an as HTML `<sup>` element.
* @deprecated Superscript text for `Heading` an as HTML `<sup>` element.
*

@@ -143,2 +131,3 @@ * _This component can only be accessed as a name-spaced component: `Heading.Sup`._

deprecate('@tds/core-heading', 'The Heading.Sup component is deprecated. Please use a standard HTML sup element instead.');
return React.createElement(StyledHeadingSup, safeRest(rest), children);

@@ -156,3 +145,3 @@ };

var HeadingLevels = {
h1: objectSpread({}, sharedTypography.helveticaNeueLight45, {
h1: _extends_1({}, sharedTypography.helveticaNeueLight45, {
fontSize: '1.75rem',

@@ -162,7 +151,7 @@ lineHeight: '1.29',

letterSpacing: '-1.6px'
}, coreResponsive.media.from('md').css(objectSpread({}, sharedTypography.helveticaNeueThin35, {
}, coreResponsive.media.from('md').css(_extends_1({}, sharedTypography.helveticaNeueThin35, {
fontSize: '2.75rem',
lineHeight: '1.18',
letterSpacing: '0'
})), defineProperty({}, "".concat(StyledHeadingSup), objectSpread({
})), defineProperty({}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, sharedTypography.baseSupSubScripts, {
fontSize: '1.25rem',

@@ -174,3 +163,3 @@ top: '-1em'

})))),
h2: objectSpread({}, sharedTypography.helveticaNeueLight45, {
h2: _extends_1({}, sharedTypography.helveticaNeueLight45, {
fontSize: '1.5rem',

@@ -184,3 +173,3 @@ lineHeight: '1.33',

letterSpacing: '-0.8px'
}), defineProperty({}, "".concat(StyledHeadingSup), objectSpread({
}), defineProperty({}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, sharedTypography.baseSupSubScripts, {
fontSize: '1rem',

@@ -192,3 +181,3 @@ top: '-0.8em'

})))),
h3: objectSpread({}, sharedTypography.helveticaNeueMedium65, defineProperty({
h3: _extends_1({}, sharedTypography.helveticaNeueMedium65, defineProperty({
fontSize: '1.25rem',

@@ -198,7 +187,7 @@ lineHeight: '1.4',

letterSpacing: '-0.6px'
}, "".concat(StyledHeadingSup), {
}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, sharedTypography.baseSupSubScripts, {
fontSize: '0.875rem',
top: '-0.5em'
})),
h4: objectSpread({}, sharedTypography.helveticaNeueMedium65, defineProperty({
}))),
h4: _extends_1({}, sharedTypography.helveticaNeueMedium65, defineProperty({
fontSize: '1rem',

@@ -208,6 +197,6 @@ lineHeight: '1.25',

letterSpacing: '-0.6px'
}, "".concat(StyledHeadingSup), {
}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, sharedTypography.baseSupSubScripts, {
fontSize: '0.875rem',
top: '-0.5em'
}))
})))
};

@@ -222,3 +211,3 @@ var StyledHeading = styled.h1.withConfig({

var color = invert ? coreColours.colorWhite : baseColor;
return objectSpread({
return _extends_1({
color: color

@@ -225,0 +214,0 @@ }, HeadingLevels["".concat(level)]);

@@ -8,28 +8,2 @@ import React from 'react';

function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
var _extends_1 = createCommonjsModule(function (module) {
function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
module.exports = _extends;
});
function _objectWithoutPropertiesLoose(source, excluded) {

@@ -90,22 +64,27 @@ if (source == null) return {};

function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
var ownKeys = Object.keys(source);
function createCommonjsModule(fn, module) {
return module = { exports: {} }, fn(module, module.exports), module.exports;
}
if (typeof Object.getOwnPropertySymbols === 'function') {
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
}));
var _extends_1 = createCommonjsModule(function (module) {
function _extends() {
module.exports = _extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
ownKeys.forEach(function (key) {
defineProperty(target, key, source[key]);
});
}
return target;
};
return target;
return _extends.apply(this, arguments);
}
var objectSpread = _objectSpread;
module.exports = _extends;
});

@@ -121,2 +100,11 @@ var safeRest = (function (_ref) {

/* eslint-disable import/prefer-default-export */
var deprecate = function deprecate(componentName, message) {
if (process.env.NODE_ENV === 'production') {
return;
}
console.warn("[TDS] [Deprecate] ".concat(componentName, ": ").concat(message)); // eslint-disable-line no-console
};
var StyledHeadingSup = styled.sup.withConfig({

@@ -127,3 +115,3 @@ displayName: "HeadingSup__StyledHeadingSup",

/**
* Superscript text for `Heading` an as HTML `<sup>` element.
* @deprecated Superscript text for `Heading` an as HTML `<sup>` element.
*

@@ -137,2 +125,3 @@ * _This component can only be accessed as a name-spaced component: `Heading.Sup`._

deprecate('@tds/core-heading', 'The Heading.Sup component is deprecated. Please use a standard HTML sup element instead.');
return React.createElement(StyledHeadingSup, safeRest(rest), children);

@@ -150,3 +139,3 @@ };

var HeadingLevels = {
h1: objectSpread({}, helveticaNeueLight45, {
h1: _extends_1({}, helveticaNeueLight45, {
fontSize: '1.75rem',

@@ -156,7 +145,7 @@ lineHeight: '1.29',

letterSpacing: '-1.6px'
}, media.from('md').css(objectSpread({}, helveticaNeueThin35, {
}, media.from('md').css(_extends_1({}, helveticaNeueThin35, {
fontSize: '2.75rem',
lineHeight: '1.18',
letterSpacing: '0'
})), defineProperty({}, "".concat(StyledHeadingSup), objectSpread({
})), defineProperty({}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, baseSupSubScripts, {
fontSize: '1.25rem',

@@ -168,3 +157,3 @@ top: '-1em'

})))),
h2: objectSpread({}, helveticaNeueLight45, {
h2: _extends_1({}, helveticaNeueLight45, {
fontSize: '1.5rem',

@@ -178,3 +167,3 @@ lineHeight: '1.33',

letterSpacing: '-0.8px'
}), defineProperty({}, "".concat(StyledHeadingSup), objectSpread({
}), defineProperty({}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, baseSupSubScripts, {
fontSize: '1rem',

@@ -186,3 +175,3 @@ top: '-0.8em'

})))),
h3: objectSpread({}, helveticaNeueMedium65, defineProperty({
h3: _extends_1({}, helveticaNeueMedium65, defineProperty({
fontSize: '1.25rem',

@@ -192,7 +181,7 @@ lineHeight: '1.4',

letterSpacing: '-0.6px'
}, "".concat(StyledHeadingSup), {
}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, baseSupSubScripts, {
fontSize: '0.875rem',
top: '-0.5em'
})),
h4: objectSpread({}, helveticaNeueMedium65, defineProperty({
}))),
h4: _extends_1({}, helveticaNeueMedium65, defineProperty({
fontSize: '1rem',

@@ -202,6 +191,6 @@ lineHeight: '1.25',

letterSpacing: '-0.6px'
}, "".concat(StyledHeadingSup), {
}, "".concat(StyledHeadingSup, ", sup"), _extends_1({}, baseSupSubScripts, {
fontSize: '0.875rem',
top: '-0.5em'
}))
})))
};

@@ -216,3 +205,3 @@ var StyledHeading = styled.h1.withConfig({

var color = invert ? colorWhite : baseColor;
return objectSpread({
return _extends_1({
color: color

@@ -219,0 +208,0 @@ }, HeadingLevels["".concat(level)]);

@@ -10,2 +10,3 @@ import React from 'react'

wordBreak,
baseSupSubScripts,
} from '@tds/shared-typography'

@@ -31,3 +32,4 @@ import { colorWhite, colorText, colorSecondary } from '@tds/core-colours'

}),
[`${StyledHeadingSup}`]: {
[`${StyledHeadingSup}, sup`]: {
...baseSupSubScripts,
fontSize: '1.25rem',

@@ -48,3 +50,4 @@ top: '-1em',

}),
[`${StyledHeadingSup}`]: {
[`${StyledHeadingSup}, sup`]: {
...baseSupSubScripts,
fontSize: '1rem',

@@ -60,3 +63,4 @@ top: '-0.8em',

letterSpacing: '-0.6px',
[`${StyledHeadingSup}`]: {
[`${StyledHeadingSup}, sup`]: {
...baseSupSubScripts,
fontSize: '0.875rem',

@@ -71,3 +75,4 @@ top: '-0.5em',

letterSpacing: '-0.6px',
[`${StyledHeadingSup}`]: {
[`${StyledHeadingSup}, sup`]: {
...baseSupSubScripts,
fontSize: '0.875rem',

@@ -81,3 +86,6 @@ top: '-0.5em',

const color = invert ? colorWhite : baseColor
return { color, ...HeadingLevels[`${level}`] }
return {
color,
...HeadingLevels[`${level}`],
}
})

@@ -84,0 +92,0 @@

@@ -79,1 +79,22 @@ ```jsx

```
### Using superscript copy within Heading
The `<Heading.Sup>` component is deprecated. Use a standard HTML `<sup>` element instead.
```jsx
<Box between={3}>
<Heading level="h1">
TELUS Pik TV<sup>&trade;</sup>
</Heading>
<Heading level="h2">
TELUS Pik TV<sup>&trade;</sup>
</Heading>
<Heading level="h3">
TELUS Pik TV<sup>&trade;</sup>
</Heading>
<Heading level="h4">
TELUS Pik TV<sup>&trade;</sup>
</Heading>
</Box>
```

@@ -7,2 +7,4 @@ import React from 'react'

import { baseSupSubScripts } from '@tds/shared-typography'
import { deprecate } from '../../../shared/utils/warn'
import safeRest from '../../../shared/utils/safeRest'

@@ -13,9 +15,13 @@

/**
* Superscript text for `Heading` an as HTML `<sup>` element.
* @deprecated Superscript text for `Heading` an as HTML `<sup>` element.
*
* _This component can only be accessed as a name-spaced component: `Heading.Sup`._
*/
const HeadingSup = ({ children, ...rest }) => (
<StyledHeadingSup {...safeRest(rest)}>{children}</StyledHeadingSup>
)
const HeadingSup = ({ children, ...rest }) => {
deprecate(
'@tds/core-heading',
'The Heading.Sup component is deprecated. Please use a standard HTML sup element instead.'
)
return <StyledHeadingSup {...safeRest(rest)}>{children}</StyledHeadingSup>
}

@@ -22,0 +28,0 @@ HeadingSup.propTypes = {

@@ -0,1 +1,3 @@

**Deprecated, please use a `<sup>` element documented in [Heading](#heading) instead.**
```jsx

@@ -2,0 +4,0 @@ <Box between={3}>

{
"name": "@tds/core-heading",
"version": "2.0.1",
"version": "2.1.0",
"description": "Page headings",

@@ -30,7 +30,7 @@ "main": "index.cjs.js",

"@tds/core-colours": "^1.1.2",
"@tds/core-responsive": "^1.2.0",
"@tds/shared-typography": "^1.2.3",
"@tds/core-responsive": "^1.2.1",
"@tds/shared-typography": "^1.3.0",
"prop-types": "^15.5.10"
},
"gitHead": "24679ca1369e64d054bf825ab56b54cbb38180b4"
"gitHead": "1ac2f2499df5787982a6c0fd4196ca80d95dacfc"
}

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc