@khanacademy/wonder-blocks-pill 3.1.9 → 3.1.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +13 -0
- package/dist/es/index.js +2 -3
- package/dist/index.js +2 -2
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,18 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-pill
|
|
2
2
|
|
|
3
|
+
## 3.1.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 7bbf311: Use color-mix() for active background colors
|
|
8
|
+
- Updated dependencies [2656fd4]
|
|
9
|
+
- Updated dependencies [6018552]
|
|
10
|
+
- Updated dependencies [7bbf311]
|
|
11
|
+
- Updated dependencies [7f79943]
|
|
12
|
+
- @khanacademy/wonder-blocks-tokens@9.0.0
|
|
13
|
+
- @khanacademy/wonder-blocks-clickable@7.0.3
|
|
14
|
+
- @khanacademy/wonder-blocks-link@9.0.3
|
|
15
|
+
|
|
3
16
|
## 3.1.9
|
|
4
17
|
|
|
5
18
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -3,10 +3,9 @@ import _objectWithoutPropertiesLoose from '@babel/runtime/helpers/objectWithoutP
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { StyleSheet } from 'aphrodite';
|
|
5
5
|
import Clickable from '@khanacademy/wonder-blocks-clickable';
|
|
6
|
-
import * as tokens from '@khanacademy/wonder-blocks-tokens';
|
|
7
|
-
import { mix } from '@khanacademy/wonder-blocks-tokens';
|
|
8
6
|
import { View } from '@khanacademy/wonder-blocks-core';
|
|
9
7
|
import { LabelXSmall, Body, LabelSmall } from '@khanacademy/wonder-blocks-typography';
|
|
8
|
+
import * as tokens from '@khanacademy/wonder-blocks-tokens';
|
|
10
9
|
|
|
11
10
|
const _excluded = ["id", "children", "kind", "size", "role", "onClick", "style", "tabIndex", "testId"];
|
|
12
11
|
const {
|
|
@@ -133,7 +132,7 @@ const _generateColorStyles = (clickable, kind) => {
|
|
|
133
132
|
default:
|
|
134
133
|
backgroundColor = semanticColor.status.neutral.background;
|
|
135
134
|
}
|
|
136
|
-
const pressColor = kind === "transparent" ?
|
|
135
|
+
const pressColor = kind === "transparent" || kind === "neutral" ? tokens.color.offBlack16 : kind === "accent" ? tokens.color.activeBlue : `color-mix(in srgb, ${tokens.color.offBlack32}, ${backgroundColor})`;
|
|
137
136
|
const textColor = kind === "accent" ? semanticColor.text.inverse : semanticColor.text.primary;
|
|
138
137
|
const theme = {
|
|
139
138
|
default: {
|
package/dist/index.js
CHANGED
|
@@ -5,9 +5,9 @@ var _objectWithoutPropertiesLoose = require('@babel/runtime/helpers/objectWithou
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var aphrodite = require('aphrodite');
|
|
7
7
|
var Clickable = require('@khanacademy/wonder-blocks-clickable');
|
|
8
|
-
var tokens = require('@khanacademy/wonder-blocks-tokens');
|
|
9
8
|
var wonderBlocksCore = require('@khanacademy/wonder-blocks-core');
|
|
10
9
|
var wonderBlocksTypography = require('@khanacademy/wonder-blocks-typography');
|
|
10
|
+
var tokens = require('@khanacademy/wonder-blocks-tokens');
|
|
11
11
|
|
|
12
12
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
13
|
|
|
@@ -160,7 +160,7 @@ const _generateColorStyles = (clickable, kind) => {
|
|
|
160
160
|
default:
|
|
161
161
|
backgroundColor = semanticColor.status.neutral.background;
|
|
162
162
|
}
|
|
163
|
-
const pressColor = kind === "transparent" ?
|
|
163
|
+
const pressColor = kind === "transparent" || kind === "neutral" ? tokens__namespace.color.offBlack16 : kind === "accent" ? tokens__namespace.color.activeBlue : `color-mix(in srgb, ${tokens__namespace.color.offBlack32}, ${backgroundColor})`;
|
|
164
164
|
const textColor = kind === "accent" ? semanticColor.text.inverse : semanticColor.text.primary;
|
|
165
165
|
const theme = {
|
|
166
166
|
default: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-pill",
|
|
3
|
-
"version": "3.1.
|
|
3
|
+
"version": "3.1.10",
|
|
4
4
|
"design": "v1",
|
|
5
5
|
"description": "Pill components for Wonder Blocks.",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -14,10 +14,10 @@
|
|
|
14
14
|
},
|
|
15
15
|
"dependencies": {
|
|
16
16
|
"@babel/runtime": "^7.24.5",
|
|
17
|
-
"@khanacademy/wonder-blocks-clickable": "7.0.
|
|
17
|
+
"@khanacademy/wonder-blocks-clickable": "7.0.3",
|
|
18
18
|
"@khanacademy/wonder-blocks-core": "12.2.1",
|
|
19
|
-
"@khanacademy/wonder-blocks-link": "9.0.
|
|
20
|
-
"@khanacademy/wonder-blocks-tokens": "
|
|
19
|
+
"@khanacademy/wonder-blocks-link": "9.0.3",
|
|
20
|
+
"@khanacademy/wonder-blocks-tokens": "9.0.0",
|
|
21
21
|
"@khanacademy/wonder-blocks-typography": "3.1.3"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|