@khanacademy/wonder-blocks-banner 4.2.9 → 4.2.11

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.
Files changed (6) hide show
  1. package/.turbo/turbo-build$colon$css.log +1 -1
  2. package/CHANGELOG.md +29 -0
  3. package/dist/css/vars.css +4 -4
  4. package/dist/es/index.js +1 -1
  5. package/dist/index.js +1 -1
  6. package/package.json +7 -7
package/.turbo/turbo-build$colon$css.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @khanacademy/wonder-blocks-banner@4.2.9 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-banner
2
+ > @khanacademy/wonder-blocks-banner@4.2.11 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-banner
3
3
  > pnpm exec wonder-blocks-tokens .
4
4
 
5
5
  CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-banner/dist/css
package/CHANGELOG.md CHANGED
@@ -1,5 +1,34 @@
1
1
  # @khanacademy/wonder-blocks-banner
2
2
 
3
+ ## 4.2.11
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [9aad939]
8
+ - @khanacademy/wonder-blocks-tokens@12.0.1
9
+ - @khanacademy/wonder-blocks-button@10.2.15
10
+ - @khanacademy/wonder-blocks-icon@5.2.13
11
+ - @khanacademy/wonder-blocks-icon-button@10.3.14
12
+ - @khanacademy/wonder-blocks-link@9.1.19
13
+ - @khanacademy/wonder-blocks-typography@4.2.15
14
+
15
+ ## 4.2.10
16
+
17
+ ### Patch Changes
18
+
19
+ - eafcfa3: Replaces `semanticColor.icon` with `semanticColor.core.foreground` tokens
20
+ - Updated dependencies [eafcfa3]
21
+ - Updated dependencies [956f8bd]
22
+ - Updated dependencies [eafcfa3]
23
+ - Updated dependencies [b42b694]
24
+ - Updated dependencies [956f8bd]
25
+ - @khanacademy/wonder-blocks-tokens@12.0.0
26
+ - @khanacademy/wonder-blocks-button@10.2.14
27
+ - @khanacademy/wonder-blocks-icon@5.2.12
28
+ - @khanacademy/wonder-blocks-icon-button@10.3.13
29
+ - @khanacademy/wonder-blocks-link@9.1.18
30
+ - @khanacademy/wonder-blocks-typography@4.2.14
31
+
3
32
  ## 4.2.9
4
33
 
5
34
  ### Patch Changes
package/dist/css/vars.css CHANGED
@@ -9,10 +9,10 @@
9
9
  --wb-c-banner-root-color-border-critical: var(--wb-semanticColor-core-border-critical-default);
10
10
  --wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_080);
11
11
  --wb-c-banner-root-layout-gap: var(--wb-sizing-size_160);
12
- --wb-c-banner-icon-color-info: var(--wb-semanticColor-icon-primary);
13
- --wb-c-banner-icon-color-success: var(--wb-semanticColor-icon-primary);
14
- --wb-c-banner-icon-color-warning: var(--wb-semanticColor-icon-primary);
15
- --wb-c-banner-icon-color-critical: var(--wb-semanticColor-icon-primary);
12
+ --wb-c-banner-icon-color-info: var(--wb-semanticColor-core-foreground-neutral-default);
13
+ --wb-c-banner-icon-color-success: var(--wb-semanticColor-core-foreground-neutral-default);
14
+ --wb-c-banner-icon-color-warning: var(--wb-semanticColor-core-foreground-neutral-default);
15
+ --wb-c-banner-icon-color-critical: var(--wb-semanticColor-core-foreground-neutral-default);
16
16
  --wb-c-banner-icon-sizing-height: var(--wb-sizing-size_240);
17
17
  --wb-c-banner-icon-sizing-width: var(--wb-sizing-size_240);
18
18
  --wb-c-banner-button-layout-marginInline: var(--wb-sizing-size_0);
package/dist/es/index.js CHANGED
@@ -13,7 +13,7 @@ import successIcon from '@phosphor-icons/core/bold/smiley-bold.svg';
13
13
  import warningIcon from '@phosphor-icons/core/bold/warning-bold.svg';
14
14
  import criticalIcon from '@phosphor-icons/core/bold/warning-circle-bold.svg';
15
15
 
16
- const theme$1={root:{border:{radius:border.radius.radius_040,width:{inlineStart:sizing.size_060,inlineEnd:border.width.none,blockStart:border.width.none,blockEnd:border.width.none}},color:{border:{info:semanticColor.core.border.instructive.default,success:semanticColor.core.border.success.default,warning:semanticColor.core.border.warning.default,critical:semanticColor.core.border.critical.default}},layout:{paddingInlineStart:sizing.size_080,gap:sizing.size_160}},icon:{color:{info:semanticColor.icon.primary,success:semanticColor.icon.primary,warning:semanticColor.icon.primary,critical:semanticColor.icon.primary},sizing:{height:sizing.size_240,width:sizing.size_240}},button:{layout:{marginInline:sizing.size_0}},link:{font:{decoration:"none",underlineOffset:"0%"}},label:{font:{size:font.body.size.small}},dismiss:{layout:{marginBlock:sizing.size_0}}};
16
+ const theme$1={root:{border:{radius:border.radius.radius_040,width:{inlineStart:sizing.size_060,inlineEnd:border.width.none,blockStart:border.width.none,blockEnd:border.width.none}},color:{border:{info:semanticColor.core.border.instructive.default,success:semanticColor.core.border.success.default,warning:semanticColor.core.border.warning.default,critical:semanticColor.core.border.critical.default}},layout:{paddingInlineStart:sizing.size_080,gap:sizing.size_160}},icon:{color:{info:semanticColor.core.foreground.neutral.default,success:semanticColor.core.foreground.neutral.default,warning:semanticColor.core.foreground.neutral.default,critical:semanticColor.core.foreground.neutral.default},sizing:{height:sizing.size_240,width:sizing.size_240}},button:{layout:{marginInline:sizing.size_0}},link:{font:{decoration:"none",underlineOffset:"0%"}},label:{font:{size:font.body.size.small}},dismiss:{layout:{marginBlock:sizing.size_0}}};
17
17
 
18
18
  var theme = mapValuesToCssVars(theme$1,"--wb-c-banner-");
19
19
 
package/dist/index.js CHANGED
@@ -26,7 +26,7 @@ var successIcon__default = /*#__PURE__*/_interopDefaultLegacy(successIcon);
26
26
  var warningIcon__default = /*#__PURE__*/_interopDefaultLegacy(warningIcon);
27
27
  var criticalIcon__default = /*#__PURE__*/_interopDefaultLegacy(criticalIcon);
28
28
 
29
- const theme$1={root:{border:{radius:wonderBlocksTokens.border.radius.radius_040,width:{inlineStart:wonderBlocksTokens.sizing.size_060,inlineEnd:wonderBlocksTokens.border.width.none,blockStart:wonderBlocksTokens.border.width.none,blockEnd:wonderBlocksTokens.border.width.none}},color:{border:{info:wonderBlocksTokens.semanticColor.core.border.instructive.default,success:wonderBlocksTokens.semanticColor.core.border.success.default,warning:wonderBlocksTokens.semanticColor.core.border.warning.default,critical:wonderBlocksTokens.semanticColor.core.border.critical.default}},layout:{paddingInlineStart:wonderBlocksTokens.sizing.size_080,gap:wonderBlocksTokens.sizing.size_160}},icon:{color:{info:wonderBlocksTokens.semanticColor.icon.primary,success:wonderBlocksTokens.semanticColor.icon.primary,warning:wonderBlocksTokens.semanticColor.icon.primary,critical:wonderBlocksTokens.semanticColor.icon.primary},sizing:{height:wonderBlocksTokens.sizing.size_240,width:wonderBlocksTokens.sizing.size_240}},button:{layout:{marginInline:wonderBlocksTokens.sizing.size_0}},link:{font:{decoration:"none",underlineOffset:"0%"}},label:{font:{size:wonderBlocksTokens.font.body.size.small}},dismiss:{layout:{marginBlock:wonderBlocksTokens.sizing.size_0}}};
29
+ const theme$1={root:{border:{radius:wonderBlocksTokens.border.radius.radius_040,width:{inlineStart:wonderBlocksTokens.sizing.size_060,inlineEnd:wonderBlocksTokens.border.width.none,blockStart:wonderBlocksTokens.border.width.none,blockEnd:wonderBlocksTokens.border.width.none}},color:{border:{info:wonderBlocksTokens.semanticColor.core.border.instructive.default,success:wonderBlocksTokens.semanticColor.core.border.success.default,warning:wonderBlocksTokens.semanticColor.core.border.warning.default,critical:wonderBlocksTokens.semanticColor.core.border.critical.default}},layout:{paddingInlineStart:wonderBlocksTokens.sizing.size_080,gap:wonderBlocksTokens.sizing.size_160}},icon:{color:{info:wonderBlocksTokens.semanticColor.core.foreground.neutral.default,success:wonderBlocksTokens.semanticColor.core.foreground.neutral.default,warning:wonderBlocksTokens.semanticColor.core.foreground.neutral.default,critical:wonderBlocksTokens.semanticColor.core.foreground.neutral.default},sizing:{height:wonderBlocksTokens.sizing.size_240,width:wonderBlocksTokens.sizing.size_240}},button:{layout:{marginInline:wonderBlocksTokens.sizing.size_0}},link:{font:{decoration:"none",underlineOffset:"0%"}},label:{font:{size:wonderBlocksTokens.font.body.size.small}},dismiss:{layout:{marginBlock:wonderBlocksTokens.sizing.size_0}}};
30
30
 
31
31
  var theme = wonderBlocksTokens.mapValuesToCssVars(theme$1,"--wb-c-banner-");
32
32
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-banner",
3
- "version": "4.2.9",
3
+ "version": "4.2.11",
4
4
  "design": "v1",
5
5
  "description": "Banner components for Wonder Blocks.",
6
6
  "main": "dist/index.js",
@@ -20,13 +20,13 @@
20
20
  "access": "public"
21
21
  },
22
22
  "dependencies": {
23
- "@khanacademy/wonder-blocks-button": "10.2.13",
23
+ "@khanacademy/wonder-blocks-button": "10.2.15",
24
24
  "@khanacademy/wonder-blocks-core": "12.3.0",
25
- "@khanacademy/wonder-blocks-icon": "5.2.11",
26
- "@khanacademy/wonder-blocks-icon-button": "10.3.12",
27
- "@khanacademy/wonder-blocks-link": "9.1.17",
28
- "@khanacademy/wonder-blocks-tokens": "11.4.1",
29
- "@khanacademy/wonder-blocks-typography": "4.2.13"
25
+ "@khanacademy/wonder-blocks-icon": "5.2.13",
26
+ "@khanacademy/wonder-blocks-icon-button": "10.3.14",
27
+ "@khanacademy/wonder-blocks-link": "9.1.19",
28
+ "@khanacademy/wonder-blocks-tokens": "12.0.1",
29
+ "@khanacademy/wonder-blocks-typography": "4.2.15"
30
30
  },
31
31
  "peerDependencies": {
32
32
  "@phosphor-icons/core": "^2.0.2",