@fluentui/web-components 2.2.0 → 2.2.1

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/CHANGELOG.json +16 -1
  2. package/CHANGELOG.md +11 -2
  3. package/dist/esm/tabs/tab-panel/tab-panel.styles.js +3 -3
  4. package/dist/web-components.js +1 -1
  5. package/dist/web-components.min.js +1 -1
  6. package/package.json +1 -1
package/CHANGELOG.json CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 07 Jan 2022 07:25:58 GMT",
5
+ "date": "Wed, 12 Jan 2022 07:30:48 GMT",
6
+ "tag": "@fluentui/web-components_v2.2.1",
7
+ "version": "2.2.1",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "47367562+bheston@users.noreply.github.com",
12
+ "package": "@fluentui/web-components",
13
+ "commit": "06cb25c66838875a18dc264ebfa8c5547ce4ebb2",
14
+ "comment": "Update tab panel to base type size"
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Fri, 07 Jan 2022 07:27:47 GMT",
6
21
  "tag": "@fluentui/web-components_v2.2.0",
7
22
  "version": "2.2.0",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui/web-components
2
2
 
3
- This log was last generated on Fri, 07 Jan 2022 07:25:58 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 12 Jan 2022 07:30:48 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [2.2.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.1)
8
+
9
+ Wed, 12 Jan 2022 07:30:48 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.2.0..@fluentui/web-components_v2.2.1)
11
+
12
+ ### Patches
13
+
14
+ - Update tab panel to base type size ([PR #21180](https://github.com/microsoft/fluentui/pull/21180) by 47367562+bheston@users.noreply.github.com)
15
+
7
16
  ## [2.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.2.0)
8
17
 
9
- Fri, 07 Jan 2022 07:25:58 GMT
18
+ Fri, 07 Jan 2022 07:27:47 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.1.3..@fluentui/web-components_v2.2.0)
11
20
 
12
21
  ### Minor changes
package/dist/esm/tabs/tab-panel/tab-panel.styles.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { css } from '@microsoft/fast-element';
2
2
  import { display } from '@microsoft/fast-foundation';
3
- import { bodyFont, density, designUnit, typeRampMinus1FontSize, typeRampMinus1LineHeight } from '../../design-tokens';
3
+ import { bodyFont, density, designUnit, typeRampBaseFontSize, typeRampBaseLineHeight } from '../../design-tokens';
4
4
  export const tabPanelStyles = (context, definition) => css `
5
5
  ${display('block')} :host {
6
6
  box-sizing: border-box;
7
7
  font-family: ${bodyFont};
8
- font-size: ${typeRampMinus1FontSize};
8
+ font-size: ${typeRampBaseFontSize};
9
9
  font-weight: 400;
10
- line-height: ${typeRampMinus1LineHeight};
10
+ line-height: ${typeRampBaseLineHeight};
11
11
  padding: 0 calc((6 + (${designUnit} * 2 * ${density})) * 1px);
12
12
  }
13
13
  `;
package/dist/web-components.js CHANGED
@@ -24143,7 +24143,7 @@ const fluentTab = Tab.compose({
24143
24143
  const tabStyles = tabStyles$1;
24144
24144
 
24145
24145
  const tabPanelStyles$1 = (context, definition) => css`
24146
- ${display('block')} :host{box-sizing:border-box;font-family:${bodyFont};font-size:${typeRampMinus1FontSize};font-weight:400;line-height:${typeRampMinus1LineHeight};padding:0 calc((6 + (${designUnit} * 2 * ${density})) * 1px)}`;
24146
+ ${display('block')} :host{box-sizing:border-box;font-family:${bodyFont};font-size:${typeRampBaseFontSize};font-weight:400;line-height:${typeRampBaseLineHeight};padding:0 calc((6 + (${designUnit} * 2 * ${density})) * 1px)}`;
24147
24147
 
24148
24148
  /**
24149
24149
  * The Fluent Tab Panel Custom Element. Implements {@link @microsoft/fast-foundation#TabPanel},
package/dist/web-components.min.js CHANGED
@@ -162,7 +162,7 @@ ${eo("inline-block")} :host{--calendar-cell-size:calc((${Nn} + 2 + ${Un}) * ${qn
162
162
  .activeIndicator,:host(.vertical) .activeIndicator{background:${Gs.Highlight}}`)),yp=(t,e)=>Dt`
163
163
  ${eo("inline-flex")} :host{box-sizing:border-box;font-family:${Xn};font-size:${Yn};font-weight:400;line-height:${Qn};height:calc((${uh} + (${qn} * 2)) * 1px);padding:0 calc((6 + (${qn} * 2 * ${Un})) * 1px);color:${Ol};border-radius:calc(${_n} * 1px);border:calc(${Wn} * 1px) solid transparent;align-items:center;justify-content:center;grid-row:1 / 3;cursor:pointer;outline:none}:host([aria-selected='true']){z-index:2}:host(:hover),:host(:active){color:${Ol}}:host(:${io}){border-color:${uc};box-shadow:0 0 0 calc((${Kn} - ${Wn}) * 1px) ${uc} inset}:host(.vertical){justify-content:start;grid-column:1 / 3}:host(.vertical[aria-selected='true']){z-index:2}:host(.vertical:hover),:host(.vertical:active){color:${Ol}}:host(.vertical:hover[aria-selected='true']){}`.withBehaviors(Ji(Dt`
164
164
  :host{forced-color-adjust:none;border-color:transparent;color:${Gs.ButtonText};fill:currentcolor}:host(:hover),:host(.vertical:hover),:host([aria-selected='true']:hover){background:transparent;color:${Gs.Highlight};fill:currentcolor}:host([aria-selected='true']){background:transparent;color:${Gs.Highlight};fill:currentcolor}:host(:${io}){background:transparent;border-color:${Gs.ButtonText};box-shadow:none}`)),xp=Ss.compose({baseName:"tab",template:(t,e)=>nt`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}"><slot></slot></template>`,styles:yp}),$p=yp,wp=(t,e)=>Dt`
165
- ${eo("block")} :host{box-sizing:border-box;font-family:${Xn};font-size:${Zn};font-weight:400;line-height:${Jn};padding:0 calc((6 + (${qn} * 2 * ${Un})) * 1px)}`,kp=Vs.compose({baseName:"tab-panel",template:(t,e)=>nt`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,styles:wp}),Cp=wp,Fp=Os.compose({baseName:"tabs",template:(t,e)=>nt`<template class="${t=>t.orientation}">${ie(0,e)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${Qt("tabs")}></slot>${Nt(t=>t.showActiveIndicator,nt`<div ${Bt("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${ee(0,e)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${Qt("tabpanels")}></slot></div></template>`,styles:vp}),Ip=vp,Tp=(t,e)=>Dt`
165
+ ${eo("block")} :host{box-sizing:border-box;font-family:${Xn};font-size:${Yn};font-weight:400;line-height:${Qn};padding:0 calc((6 + (${qn} * 2 * ${Un})) * 1px)}`,kp=Vs.compose({baseName:"tab-panel",template:(t,e)=>nt`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`,styles:wp}),Cp=wp,Fp=Os.compose({baseName:"tabs",template:(t,e)=>nt`<template class="${t=>t.orientation}">${ie(0,e)}<div class="tablist" part="tablist" role="tablist"><slot class="tab" name="tab" part="tab" ${Qt("tabs")}></slot>${Nt(t=>t.showActiveIndicator,nt`<div ${Bt("activeIndicatorRef")} class="activeIndicator" part="activeIndicator"></div>`)}</div>${ee(0,e)}<div class="tabpanel"><slot name="tabpanel" part="tabpanel" ${Qt("tabpanels")}></slot></div></template>`,styles:vp}),Ip=vp,Tp=(t,e)=>Dt`
166
166
  ${eo("inline-flex")}
167
167
 
168
168
  ${Zh(0,0,".control")}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@fluentui/web-components",
3
3
  "description": "A library of Fluent Web Components",
4
4
  "sideEffects": false,
5
- "version": "2.2.0",
5
+ "version": "2.2.1",
6
6
  "author": {
7
7
  "name": "Microsoft",
8
8
  "url": "https://discord.gg/FcSNfg4"