Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@tds/core-checkbox

Package Overview
Dependencies
Maintainers
8
Versions
93
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@tds/core-checkbox - npm Package Compare versions

Comparing version 2.0.20 to 2.0.21

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log

## [2.0.21](https://github.com/telusdigital/tds/compare/@tds/core-checkbox@2.0.20...@tds/core-checkbox@2.0.21) (2019-10-04)
**Note:** Version bump only for package @tds/core-checkbox
## [2.0.20](https://github.com/telusdigital/tds/compare/@tds/core-checkbox@2.0.19...@tds/core-checkbox@2.0.20) (2019-09-23)

@@ -8,0 +16,0 @@

14

Checkbox.jsx

@@ -9,4 +9,4 @@ import React from 'react'

colorWhite,
colorShuttleGrey,
colorGainsboro,
colorGreyShuttle,
colorGreyGainsboro,
colorAccessibleGreen,

@@ -49,3 +49,3 @@ } from '@tds/core-colours'

borderColor: colorShuttleGrey,
borderColor: colorGreyShuttle,
backgroundColor: colorWhite,

@@ -71,3 +71,3 @@ '& > i': {

[`${HiddenInput}:focus ~ & > div > ${FakeCheckbox}`]: {
boxShadow: `0 0 4px 1px ${colorShuttleGrey}`,
boxShadow: `0 0 4px 1px ${colorGreyShuttle}`,
borderColor: isError ? colorCardinal : colorWhite,

@@ -83,7 +83,7 @@ },

[`${HiddenInput}:disabled ~ & > div > ${FakeCheckbox}`]: {
backgroundColor: colorGainsboro,
borderColor: colorGainsboro,
backgroundColor: colorGreyGainsboro,
borderColor: colorGreyGainsboro,
},
[`${HiddenInput}:disabled ~ & > div > div`]: {
color: colorGainsboro,
color: colorGreyGainsboro,
},

@@ -90,0 +90,0 @@ }))

@@ -302,3 +302,3 @@ 'use strict';

}, sharedStyles.borders.thin, sharedStyles.borders.rounded, {
borderColor: coreColours.colorShuttleGrey,
borderColor: coreColours.colorGreyShuttle,
backgroundColor: coreColours.colorWhite,

@@ -330,3 +330,3 @@ '& > i': {

}), (_extends2 = {}, defineProperty(_extends2, "".concat(HiddenInput, ":focus ~ & > div > ").concat(FakeCheckbox), {
boxShadow: "0 0 4px 1px ".concat(coreColours.colorShuttleGrey),
boxShadow: "0 0 4px 1px ".concat(coreColours.colorGreyShuttle),
borderColor: isError ? coreColours.colorCardinal : coreColours.colorWhite

@@ -340,6 +340,6 @@ }), defineProperty(_extends2, "".concat(HiddenInput, ":checked ~ & > div > ").concat(FakeCheckbox), {

}), defineProperty(_extends2, "".concat(HiddenInput, ":disabled ~ & > div > ").concat(FakeCheckbox), {
backgroundColor: coreColours.colorGainsboro,
borderColor: coreColours.colorGainsboro
backgroundColor: coreColours.colorGreyGainsboro,
borderColor: coreColours.colorGreyGainsboro
}), defineProperty(_extends2, "".concat(HiddenInput, ":disabled ~ & > div > div"), {
color: coreColours.colorGainsboro
color: coreColours.colorGreyGainsboro
}), _extends2));

@@ -346,0 +346,0 @@ });

@@ -5,3 +5,3 @@ import React from 'react';

import Box from '@tds/core-box';
import { colorCardinal, colorShuttleGrey, colorWhite, colorAccessibleGreen, colorGainsboro } from '@tds/core-colours';
import { colorCardinal, colorGreyShuttle, colorWhite, colorAccessibleGreen, colorGreyGainsboro } from '@tds/core-colours';
import DecorativeIcon from '@tds/core-decorative-icon';

@@ -299,3 +299,3 @@ import InputFeedback from '@tds/core-input-feedback';

}, borders.thin, borders.rounded, {
borderColor: colorShuttleGrey,
borderColor: colorGreyShuttle,
backgroundColor: colorWhite,

@@ -327,3 +327,3 @@ '& > i': {

}), (_extends2 = {}, defineProperty(_extends2, "".concat(HiddenInput, ":focus ~ & > div > ").concat(FakeCheckbox), {
boxShadow: "0 0 4px 1px ".concat(colorShuttleGrey),
boxShadow: "0 0 4px 1px ".concat(colorGreyShuttle),
borderColor: isError ? colorCardinal : colorWhite

@@ -337,6 +337,6 @@ }), defineProperty(_extends2, "".concat(HiddenInput, ":checked ~ & > div > ").concat(FakeCheckbox), {

}), defineProperty(_extends2, "".concat(HiddenInput, ":disabled ~ & > div > ").concat(FakeCheckbox), {
backgroundColor: colorGainsboro,
borderColor: colorGainsboro
backgroundColor: colorGreyGainsboro,
borderColor: colorGreyGainsboro
}), defineProperty(_extends2, "".concat(HiddenInput, ":disabled ~ & > div > div"), {
color: colorGainsboro
color: colorGreyGainsboro
}), _extends2));

@@ -343,0 +343,0 @@ });

{
"name": "@tds/core-checkbox",
"version": "2.0.20",
"version": "2.0.21",
"main": "index.cjs.js",

@@ -29,12 +29,12 @@ "module": "index.es.js",

"@tds/core-box": "^2.0.2",
"@tds/core-colours": "^2.1.0",
"@tds/core-decorative-icon": "^2.3.0",
"@tds/core-input-feedback": "^2.0.9",
"@tds/core-paragraph": "^2.0.6",
"@tds/core-text": "^2.0.4",
"@tds/shared-styles": "^1.5.0",
"@tds/core-colours": "^2.2.0",
"@tds/core-decorative-icon": "^2.3.1",
"@tds/core-input-feedback": "^2.0.10",
"@tds/core-paragraph": "^2.0.7",
"@tds/core-text": "^2.0.5",
"@tds/shared-styles": "^1.5.1",
"@tds/util-helpers": "^1.2.0",
"prop-types": "^15.5.10"
},
"gitHead": "846455da9ce7bbcba1dfa6fcbe4d45d2ad40a4ce"
"gitHead": "d3b1a20b3d787966d7aa1ffd601963f1584da21f"
}
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