@fluentui/react-spinbutton 0.0.0-nightly-20220513-0417.1 → 0.0.0-nightly-20220516-0419.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. package/CHANGELOG.json +45 -9
  2. package/CHANGELOG.md +13 -7
  3. package/{lib → dist}/tsdoc-metadata.json +0 -0
  4. package/lib/components/SpinButton/useSpinButtonStyles.js +2 -2
  5. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js +2 -2
  6. package/package.json +9 -9
  7. package/lib/SpinButton.d.ts +0 -1
  8. package/lib/components/SpinButton/SpinButton.d.ts +0 -6
  9. package/lib/components/SpinButton/SpinButton.types.d.ts +0 -124
  10. package/lib/components/SpinButton/index.d.ts +0 -5
  11. package/lib/components/SpinButton/renderSpinButton.d.ts +0 -5
  12. package/lib/components/SpinButton/useSpinButton.d.ts +0 -12
  13. package/lib/components/SpinButton/useSpinButtonStyles.d.ts +0 -7
  14. package/lib/index.d.ts +0 -2
  15. package/lib/utils/clamp.d.ts +0 -1
  16. package/lib/utils/getBound.d.ts +0 -2
  17. package/lib/utils/index.d.ts +0 -3
  18. package/lib/utils/precision.d.ts +0 -14
  19. package/lib-commonjs/SpinButton.d.ts +0 -1
  20. package/lib-commonjs/components/SpinButton/SpinButton.d.ts +0 -6
  21. package/lib-commonjs/components/SpinButton/SpinButton.types.d.ts +0 -124
  22. package/lib-commonjs/components/SpinButton/index.d.ts +0 -5
  23. package/lib-commonjs/components/SpinButton/renderSpinButton.d.ts +0 -5
  24. package/lib-commonjs/components/SpinButton/useSpinButton.d.ts +0 -12
  25. package/lib-commonjs/components/SpinButton/useSpinButtonStyles.d.ts +0 -7
  26. package/lib-commonjs/index.d.ts +0 -2
  27. package/lib-commonjs/utils/clamp.d.ts +0 -1
  28. package/lib-commonjs/utils/getBound.d.ts +0 -2
  29. package/lib-commonjs/utils/index.d.ts +0 -3
  30. package/lib-commonjs/utils/precision.d.ts +0 -14
package/CHANGELOG.json CHANGED
@@ -2,17 +2,41 @@
2
2
  "name": "@fluentui/react-spinbutton",
3
3
  "entries": [
4
4
  {
5
- "date": "Fri, 13 May 2022 04:27:02 GMT",
6
- "tag": "@fluentui/react-spinbutton_v0.0.0-nightly-20220513-0417.1",
7
- "version": "0.0.0-nightly-20220513-0417.1",
5
+ "date": "Mon, 16 May 2022 04:32:28 GMT",
6
+ "tag": "@fluentui/react-spinbutton_v0.0.0-nightly-20220516-0419.1",
7
+ "version": "0.0.0-nightly-20220516-0419.1",
8
8
  "comments": {
9
9
  "prerelease": [
10
+ {
11
+ "author": "olfedias@microsoft.com",
12
+ "package": "@fluentui/react-spinbutton",
13
+ "commit": "f120fe9160ad7311a87af0cfacd8d2fb26275e34",
14
+ "comment": "chore: Update Griffel to latest version"
15
+ },
16
+ {
17
+ "author": "seanmonahan@microsoft.com",
18
+ "package": "@fluentui/react-spinbutton",
19
+ "commit": "e5f896d0098d23b01a4f0ab4b154fca0a47a1a89",
20
+ "comment": "react-spinbutton: update appearance stories"
21
+ },
22
+ {
23
+ "author": "seanmonahan@microsoft.com",
24
+ "package": "@fluentui/react-spinbutton",
25
+ "commit": "111151a252ce77c26354f50101791bbe71de78fe",
26
+ "comment": "appearance story updates"
27
+ },
10
28
  {
11
29
  "author": "esteban.230@hotmail.com",
12
30
  "package": "@fluentui/react-spinbutton",
13
31
  "commit": "0fac2d7a6f35c5fcebaf30da68b9604410fe0eb9",
14
32
  "comment": "Updated react-label package version to RC."
15
33
  },
34
+ {
35
+ "author": "martinhochel@microsoft.com",
36
+ "package": "@fluentui/react-spinbutton",
37
+ "commit": "e7b70cb06f4422e5574993fd2ad44d9073647417",
38
+ "comment": "feat: ship rolluped only dts"
39
+ },
16
40
  {
17
41
  "author": "seanmonahan@microsoft.com",
18
42
  "package": "@fluentui/react-spinbutton",
@@ -40,20 +64,32 @@
40
64
  {
41
65
  "author": "beachball",
42
66
  "package": "@fluentui/react-spinbutton",
43
- "comment": "Bump @fluentui/react-input to v0.0.0-nightly-20220513-0417.1",
44
- "commit": "d214cb1888cee2c326ebf2b379d639002ec5798e"
67
+ "comment": "Bump @fluentui/react-input to v0.0.0-nightly-20220516-0419.1",
68
+ "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
69
+ },
70
+ {
71
+ "author": "beachball",
72
+ "package": "@fluentui/react-spinbutton",
73
+ "comment": "Bump @fluentui/react-theme to v0.0.0-nightly-20220516-0419.1",
74
+ "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
75
+ },
76
+ {
77
+ "author": "beachball",
78
+ "package": "@fluentui/react-spinbutton",
79
+ "comment": "Bump @fluentui/react-utilities to v0.0.0-nightly-20220516-0419.1",
80
+ "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
45
81
  },
46
82
  {
47
83
  "author": "beachball",
48
84
  "package": "@fluentui/react-spinbutton",
49
- "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220513-0417.1",
50
- "commit": "d214cb1888cee2c326ebf2b379d639002ec5798e"
85
+ "comment": "Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220516-0419.1",
86
+ "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
51
87
  },
52
88
  {
53
89
  "author": "beachball",
54
90
  "package": "@fluentui/react-spinbutton",
55
- "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20220513-0417.1",
56
- "commit": "d214cb1888cee2c326ebf2b379d639002ec5798e"
91
+ "comment": "Bump @fluentui/react-label to v0.0.0-nightly-20220516-0419.1",
92
+ "commit": "737cd1292dec6412494b80cf051d7e51e2a0993f"
57
93
  }
58
94
  ]
59
95
  }
package/CHANGELOG.md CHANGED
@@ -1,24 +1,30 @@
1
1
  # Change Log - @fluentui/react-spinbutton
2
2
 
3
- This log was last generated on Fri, 13 May 2022 04:27:02 GMT and should not be manually modified.
3
+ This log was last generated on Mon, 16 May 2022 04:32:28 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20220513-0417.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v0.0.0-nightly-20220513-0417.1)
7
+ ## [0.0.0-nightly-20220516-0419.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v0.0.0-nightly-20220516-0419.1)
8
8
 
9
- Fri, 13 May 2022 04:27:02 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.9..@fluentui/react-spinbutton_v0.0.0-nightly-20220513-0417.1)
9
+ Mon, 16 May 2022 04:32:28 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-spinbutton_v9.0.0-beta.9..@fluentui/react-spinbutton_v0.0.0-nightly-20220516-0419.1)
11
11
 
12
12
  ### Changes
13
13
 
14
+ - chore: Update Griffel to latest version ([PR #22894](https://github.com/microsoft/fluentui/pull/22894) by olfedias@microsoft.com)
15
+ - react-spinbutton: update appearance stories ([PR #22980](https://github.com/microsoft/fluentui/pull/22980) by seanmonahan@microsoft.com)
16
+ - appearance story updates ([PR #22995](https://github.com/microsoft/fluentui/pull/22995) by seanmonahan@microsoft.com)
14
17
  - Updated react-label package version to RC. ([PR #22865](https://github.com/microsoft/fluentui/pull/22865) by esteban.230@hotmail.com)
18
+ - feat: ship rolluped only dts ([PR #22828](https://github.com/microsoft/fluentui/pull/22828) by martinhochel@microsoft.com)
15
19
  - react-spinbutton: add aria-valuetext override ([PR #22905](https://github.com/microsoft/fluentui/pull/22905) by seanmonahan@microsoft.com)
16
20
  - react-spinbutton: use spacing tokens ([PR #22950](https://github.com/microsoft/fluentui/pull/22950) by gcox@microsoft.com)
17
21
  - react-spinbutton: remove "strings" prop ([PR #22948](https://github.com/microsoft/fluentui/pull/22948) by seanmonahan@microsoft.com)
18
22
  - react-spinbutton: remove SpinButtonCommons type ([PR #22871](https://github.com/microsoft/fluentui/pull/22871) by seanmonahan@microsoft.com)
19
- - Bump @fluentui/react-input to v0.0.0-nightly-20220513-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/d214cb1888cee2c326ebf2b379d639002ec5798e) by beachball)
20
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220513-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/d214cb1888cee2c326ebf2b379d639002ec5798e) by beachball)
21
- - Bump @fluentui/react-label to v0.0.0-nightly-20220513-0417.1 ([commit](https://github.com/microsoft/fluentui/commit/d214cb1888cee2c326ebf2b379d639002ec5798e) by beachball)
23
+ - Bump @fluentui/react-input to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
24
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
25
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
26
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
27
+ - Bump @fluentui/react-label to v0.0.0-nightly-20220516-0419.1 ([commit](https://github.com/microsoft/fluentui/commit/737cd1292dec6412494b80cf051d7e51e2a0993f) by beachball)
22
28
 
23
29
  ## [9.0.0-beta.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-spinbutton_v9.0.0-beta.9)
24
30
 
package/{lib → dist}/tsdoc-metadata.json RENAMED
File without changes
package/lib/components/SpinButton/useSpinButtonStyles.js CHANGED
@@ -145,8 +145,8 @@ const useRootStyles = /*#__PURE__*/__styles({
145
145
  }
146
146
  }, {
147
147
  "d": [".fwk3njj{display:inline-grid;}", ".f1sr6ibj{grid-template-columns:1fr 24px;}", ".fio9c21{grid-template-rows:1fr 1fr;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1sff6ri{row-gap:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f10pi13n{position:relative;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ngn1p8{isolation:isolate;}", ".f1wl9k8s::before{content:\"\";}", ".fyl8oag::before{box-sizing:border-box;}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1f351id::before{right:0;}", ".f1fzr1x6::before{left:0;}", ".fchca7p::before{bottom:0;}", ".f1pl9g23::before{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f3orl67::before{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2gop1n::before{border-top-right-radius:var(--borderRadiusMedium);}", ".f11nyhth::before{border-top-left-radius:var(--borderRadiusMedium);}", ".fxuihnu::before{pointer-events:none;}", ".fzjygzn::before{z-index:10;}", ".f15yvnhg::after{right:0;}", ".f1n6gb5g::after{left:0;}", ".fo72kxq::after{bottom:0;}", ".f5yjgw6::after{z-index:20;}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fchs65t::before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".fw32bj::before{border-bottom-right-radius:0;}", ".fziivox::before{border-bottom-left-radius:0;}", ".feccbv4::before{border-top-right-radius:0;}", ".f1jqz70h::before{border-top-left-radius:0;}", ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}", ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}", ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1syzi09::before{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".fd35vam::before{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1n48vvu::before{border-right-color:var(--colorTransparentStrokeDisabled);}", ".f7wchoe::before{border-left-color:var(--colorTransparentStrokeDisabled);}"],
148
- "h": [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}"],
149
- "a": [".f6lmxco:active,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active,:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}", ".f15r4wkl:active,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}"],
148
+ "h": [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
149
+ "a": [".f6lmxco:active,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"],
150
150
  "t": ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", "@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}", "@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", "@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}"]
151
151
  });
152
152
 
package/lib-commonjs/components/SpinButton/useSpinButtonStyles.js CHANGED
@@ -155,8 +155,8 @@ const useRootStyles = /*#__PURE__*/react_1.__styles({
155
155
  }
156
156
  }, {
157
157
  "d": [".fwk3njj{display:inline-grid;}", ".f1sr6ibj{grid-template-columns:1fr 24px;}", ".fio9c21{grid-template-rows:1fr 1fr;}", ".f1ufnopg{-webkit-column-gap:var(--spacingHorizontalXS);column-gap:var(--spacingHorizontalXS);}", ".f1sff6ri{row-gap:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f10pi13n{position:relative;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1ngn1p8{isolation:isolate;}", ".f1wl9k8s::before{content:\"\";}", ".fyl8oag::before{box-sizing:border-box;}", ".f1j7ml58::before{position:absolute;}", ".ffi060y::before{top:0;}", ".f1f351id::before{right:0;}", ".f1fzr1x6::before{left:0;}", ".fchca7p::before{bottom:0;}", ".f1pl9g23::before{border-bottom-right-radius:var(--borderRadiusMedium);}", ".f3orl67::before{border-bottom-left-radius:var(--borderRadiusMedium);}", ".f2gop1n::before{border-top-right-radius:var(--borderRadiusMedium);}", ".f11nyhth::before{border-top-left-radius:var(--borderRadiusMedium);}", ".fxuihnu::before{pointer-events:none;}", ".fzjygzn::before{z-index:10;}", ".f15yvnhg::after{right:0;}", ".f1n6gb5g::after{left:0;}", ".fo72kxq::after{bottom:0;}", ".f5yjgw6::after{z-index:20;}", ".f1fjh9ub::before{border-top-width:1px;}", ".ff9c942::before{border-right-width:1px;}", ".f6rdg5o::before{border-left-width:1px;}", ".fdw6hkg::before{border-bottom-width:1px;}", ".f163fonl::before{border-top-style:solid;}", ".f1yq6w5o::before{border-right-style:solid;}", ".f1jpmc5p::before{border-left-style:solid;}", ".f11yjt3y::before{border-bottom-style:solid;}", ".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}", ".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}", ".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}", ".fchs65t::before{border-bottom-color:var(--colorNeutralStrokeAccessible);}", ".fw32bj::before{border-bottom-right-radius:0;}", ".fziivox::before{border-bottom-left-radius:0;}", ".feccbv4::before{border-top-right-radius:0;}", ".f1jqz70h::before{border-top-left-radius:0;}", ".f7dgwnz::before{border-top-color:var(--colorTransparentStroke);}", ".f1edeodt::before{border-right-color:var(--colorTransparentStroke);}", ".fszsv3f::before{border-left-color:var(--colorTransparentStroke);}", ".f1172wan::before{border-bottom-color:var(--colorTransparentStroke);}", ".f1a0lfh7::before{border-top-color:var(--colorNeutralStrokeDisabled);}", ".f1p2ejm6::before{border-right-color:var(--colorNeutralStrokeDisabled);}", ".fmzytvz::before{border-left-color:var(--colorNeutralStrokeDisabled);}", ".fas2e61::before{border-bottom-color:var(--colorNeutralStrokeDisabled);}", ".f1syzi09::before{border-bottom-color:var(--colorTransparentStrokeDisabled);}", ".fd35vam::before{border-top-color:var(--colorTransparentStrokeDisabled);}", ".f1n48vvu::before{border-right-color:var(--colorTransparentStrokeDisabled);}", ".f7wchoe::before{border-left-color:var(--colorTransparentStrokeDisabled);}"],
158
- "h": [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}"],
159
- "a": [".f6lmxco:active,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active,:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}", ".f15r4wkl:active,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}"],
158
+ "h": [".f1w2y1rc:hover::before{border-top-color:var(--colorNeutralStroke1Hover);}", ".f1gofhvl:hover::before{border-right-color:var(--colorNeutralStroke1Hover);}", ".f18htlvq:hover::before{border-left-color:var(--colorNeutralStroke1Hover);}", ".ffcnd28:hover::before{border-bottom-color:var(--colorNeutralStrokeAccessibleHover);}", ".f1xqt08:hover,.f1xqt08:focus-within::before{border-top-color:var(--colorTransparentStrokeInteractive);}", ".fzt5lgo:hover,.fzt5lgo:focus-within::before{border-right-color:var(--colorTransparentStrokeInteractive);}", ".f8tv3r9:hover,.f8tv3r9:focus-within::before{border-left-color:var(--colorTransparentStrokeInteractive);}", ".fyhrops:hover,.fyhrops:focus-within::before{border-bottom-color:var(--colorTransparentStrokeInteractive);}"],
159
+ "a": [".f6lmxco:active,.f6lmxco:focus-within::before{border-top-color:var(--colorNeutralStroke1Pressed);}", ".fcoc0mf:active,.fcoc0mf:focus-within::before{border-right-color:var(--colorNeutralStroke1Pressed);}", ".f15r4wkl:active,.f15r4wkl:focus-within::before{border-left-color:var(--colorNeutralStroke1Pressed);}", ".f1ipdth8:active,.f1ipdth8:focus-within::before{border-bottom-color:var(--colorNeutralStrokeAccessiblePressed);}"],
160
160
  "t": ["@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}", "@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}", "@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}", "@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}"]
161
161
  });
162
162
 
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@fluentui/react-spinbutton",
3
- "version": "0.0.0-nightly-20220513-0417.1",
3
+ "version": "0.0.0-nightly-20220516-0419.1",
4
4
  "description": "Fluent UI React SpinButton component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
7
- "typings": "lib/index.d.ts",
7
+ "typings": "dist/index.d.ts",
8
8
  "sideEffects": false,
9
9
  "repository": {
10
10
  "type": "git",
@@ -28,17 +28,17 @@
28
28
  "devDependencies": {
29
29
  "@fluentui/eslint-plugin": "*",
30
30
  "@fluentui/react-conformance": "*",
31
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220513-0417.1",
32
- "@fluentui/react-label": "0.0.0-nightly-20220513-0417.1",
31
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20220516-0419.1",
32
+ "@fluentui/react-label": "0.0.0-nightly-20220516-0419.1",
33
33
  "@fluentui/scripts": "^1.0.0"
34
34
  },
35
35
  "dependencies": {
36
- "@griffel/react": "1.0.3",
37
- "@fluentui/keyboard-keys": "0.0.0-nightly-20220513-0417.0",
36
+ "@griffel/react": "1.0.4",
37
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20220516-0419.0",
38
38
  "@fluentui/react-icons": "^2.0.166-rc.3",
39
- "@fluentui/react-input": "0.0.0-nightly-20220513-0417.1",
40
- "@fluentui/react-theme": "0.0.0-nightly-20220513-0417.0",
41
- "@fluentui/react-utilities": "0.0.0-nightly-20220513-0417.0",
39
+ "@fluentui/react-input": "0.0.0-nightly-20220516-0419.1",
40
+ "@fluentui/react-theme": "0.0.0-nightly-20220516-0419.1",
41
+ "@fluentui/react-utilities": "0.0.0-nightly-20220516-0419.1",
42
42
  "tslib": "^2.1.0"
43
43
  },
44
44
  "peerDependencies": {
package/lib/SpinButton.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/SpinButton/index';
package/lib/components/SpinButton/SpinButton.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { SpinButtonProps } from './SpinButton.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * A SpinButton allows someone to incrementally adjust a value in small steps.
5
- */
6
- export declare const SpinButton: ForwardRefComponent<SpinButtonProps>;
package/lib/components/SpinButton/SpinButton.types.d.ts DELETED
@@ -1,124 +0,0 @@
1
- import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
- import * as React from 'react';
3
- export declare type SpinButtonSlots = {
4
- /**
5
- * The root element of SpinButton is a container `<div>`.
6
- * The root slot receives the `className` and `style` specified on the `<SpinButton>`.
7
- * All other native props are applied to the primary slot: `input`.
8
- */
9
- root: NonNullable<Slot<'span'>>;
10
- /**
11
- * Input that displays the current value and accepts direct input from the user.
12
- * Displayed value is formatted.
13
- *
14
- * This is the primary slot.
15
- */
16
- input: NonNullable<Slot<'input'>>;
17
- /**
18
- * Renders the increment control.
19
- */
20
- incrementButton: NonNullable<Slot<'button'>>;
21
- /**
22
- * Renders the decrement control.
23
- */
24
- decrementButton: NonNullable<Slot<'button'>>;
25
- };
26
- /**
27
- * SpinButton Props
28
- */
29
- export declare type SpinButtonProps = Omit<ComponentProps<Partial<SpinButtonSlots>, 'input'>, 'onChange' | 'size'> & {
30
- /**
31
- * Controls the colors and borders of the input.
32
- * @default 'outline'
33
- */
34
- appearance?: 'outline' | 'underline' | 'filledDarker' | 'filledLighter';
35
- /**
36
- * Initial value of the control (assumed to be valid). Updates to this prop will not be respected.
37
- *
38
- * Use this if you intend for the SpinButton to be an uncontrolled component which maintains its
39
- * own value. For a controlled component, use `value` instead. (Mutually exclusive with `value`.)
40
- */
41
- defaultValue?: number;
42
- /**
43
- * String representation of `value`.
44
- *
45
- * Use this when displaying the value to users as something other than a plain number.
46
- * For example, when displaying currency values this might be "$1.00" when value is `1`.
47
- *
48
- * Only provide this if the SpinButton is a controlled component where you are maintaining its
49
- * current state and passing updates based on change events. When SpinButton is used as an
50
- * uncontrolled component this prop is ignored.
51
- */
52
- displayValue?: string;
53
- /**
54
- * Max value of the control. If not provided, the control has no maximum value.
55
- */
56
- max?: number;
57
- /**
58
- * Min value of the control. If not provided, the control has no minimum value.
59
- */
60
- min?: number;
61
- /**
62
- * Callback for when the committed value changes.
63
- * - User presses the up/down buttons (on single press or every spin)
64
- * - User presses the up/down arrow keys (on single press or every spin)
65
- * - User *commits* edits to the input text by focusing away (blurring) or pressing enter.
66
- * Note that this is NOT called for every key press while the user is editing.
67
- */
68
- onChange?: (event: SpinButtonChangeEvent, data: SpinButtonOnChangeData) => void;
69
- /**
70
- * How many decimal places the value should be rounded to.
71
- *
72
- * The default is calculated based on the precision of `step`: i.e. if step = 1, precision = 0.
73
- * step = 0.0089, precision = 4. step = 300, precision = 2. step = 23.00, precision = 2.
74
- */
75
- precision?: number;
76
- /**
77
- * Size of the input.
78
- * @default 'medium'
79
- */
80
- size?: 'small' | 'medium';
81
- /**
82
- * Difference between two adjacent values of the control.
83
- * This value is used to calculate the precision of the input if no `precision` is given.
84
- * The precision calculated this way will always be greater than or equal 0.
85
- * @default 1
86
- */
87
- step?: number;
88
- /**
89
- * Large difference between two values. This should be greater than `step` and is used
90
- * when users hit the Page Up or Page Down keys.
91
- * @default 1
92
- */
93
- stepPage?: number;
94
- /**
95
- * Current value of the control (assumed to be valid).
96
- *
97
- * Only provide this if the SpinButton is a controlled component where you are maintaining its
98
- * current state and passing updates based on change events; otherwise, use the `defaultValue`
99
- * property. (Mutually exclusive with `defaultValue`.)
100
- */
101
- value?: number;
102
- };
103
- /**
104
- * State used in rendering SpinButton
105
- */
106
- export declare type SpinButtonState = ComponentState<SpinButtonSlots> & Required<Pick<SpinButtonProps, 'appearance' | 'size'>> & {
107
- /**
108
- * State used to track which direction, if any, SpinButton is currently spinning.
109
- * @default 'rest'
110
- */
111
- spinState: SpinButtonSpinState;
112
- /**
113
- * State used to track if the value is at the range bounds of [min-max].
114
- * @default 'none'
115
- */
116
- atBound: SpinButtonBounds;
117
- };
118
- export declare type SpinButtonChangeEvent = React.MouseEvent<HTMLButtonElement> | React.ChangeEvent<HTMLElement> | React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>;
119
- export declare type SpinButtonOnChangeData = {
120
- value?: number;
121
- displayValue?: string;
122
- };
123
- export declare type SpinButtonSpinState = 'rest' | 'up' | 'down';
124
- export declare type SpinButtonBounds = 'none' | 'min' | 'max' | 'both';
package/lib/components/SpinButton/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export * from './SpinButton';
2
- export * from './SpinButton.types';
3
- export * from './renderSpinButton';
4
- export * from './useSpinButton';
5
- export * from './useSpinButtonStyles';
package/lib/components/SpinButton/renderSpinButton.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { SpinButtonState } from './SpinButton.types';
2
- /**
3
- * Render the final JSX of SpinButton
4
- */
5
- export declare const renderSpinButton_unstable: (state: SpinButtonState) => JSX.Element;
package/lib/components/SpinButton/useSpinButton.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { SpinButtonProps, SpinButtonState } from './SpinButton.types';
3
- /**
4
- * Create the state required to render SpinButton.
5
- *
6
- * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,
7
- * before being passed to renderSpinButton_unstable.
8
- *
9
- * @param props - props from this instance of SpinButton
10
- * @param ref - reference to root HTMLElement of SpinButton
11
- */
12
- export declare const useSpinButton_unstable: (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>) => SpinButtonState;
package/lib/components/SpinButton/useSpinButtonStyles.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { SlotClassNames } from '@fluentui/react-utilities';
2
- import type { SpinButtonSlots, SpinButtonState } from './SpinButton.types';
3
- export declare const spinButtonClassNames: SlotClassNames<SpinButtonSlots>;
4
- /**
5
- * Apply styling to the SpinButton slots based on the state
6
- */
7
- export declare const useSpinButtonStyles_unstable: (state: SpinButtonState) => SpinButtonState;
package/lib/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { SpinButton, renderSpinButton_unstable, spinButtonClassNames, useSpinButtonStyles_unstable, useSpinButton_unstable, } from './SpinButton';
2
- export type { SpinButtonOnChangeData, SpinButtonChangeEvent, SpinButtonProps, SpinButtonSlots, SpinButtonState, SpinButtonSpinState, SpinButtonBounds, } from './SpinButton';
package/lib/utils/clamp.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const clampWhenInRange: (oldValue: number, newValue: number, min?: number | undefined, max?: number | undefined) => number;
package/lib/utils/getBound.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { SpinButtonBounds } from '../SpinButton';
2
- export declare const getBound: (value: number, min?: number | undefined, max?: number | undefined) => SpinButtonBounds;
package/lib/utils/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './clamp';
2
- export * from './getBound';
3
- export * from './precision';
package/lib/utils/precision.d.ts DELETED
@@ -1,14 +0,0 @@
1
- /**
2
- * Calculates a number's precision based on the number of trailing
3
- * zeros if the number does not have a decimal indicated by a negative
4
- * precision. Otherwise, it calculates the number of digits after
5
- * the decimal point indicated by a positive precision.
6
- * @param value - the value to determine the precision of
7
- */
8
- export declare function calculatePrecision(value: number | string): number;
9
- /**
10
- * Rounds a number to a certain level of precision. Accepts negative precision.
11
- * @param value - The value that is being rounded.
12
- * @param precision - The number of decimal places to round the number to
13
- */
14
- export declare function precisionRound(value: number, precision: number, base?: number): number;
package/lib-commonjs/SpinButton.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './components/SpinButton/index';
package/lib-commonjs/components/SpinButton/SpinButton.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import type { SpinButtonProps } from './SpinButton.types';
2
- import type { ForwardRefComponent } from '@fluentui/react-utilities';
3
- /**
4
- * A SpinButton allows someone to incrementally adjust a value in small steps.
5
- */
6
- export declare const SpinButton: ForwardRefComponent<SpinButtonProps>;
package/lib-commonjs/components/SpinButton/SpinButton.types.d.ts DELETED
@@ -1,124 +0,0 @@
1
- import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';
2
- import * as React from 'react';
3
- export declare type SpinButtonSlots = {
4
- /**
5
- * The root element of SpinButton is a container `<div>`.
6
- * The root slot receives the `className` and `style` specified on the `<SpinButton>`.
7
- * All other native props are applied to the primary slot: `input`.
8
- */
9
- root: NonNullable<Slot<'span'>>;
10
- /**
11
- * Input that displays the current value and accepts direct input from the user.
12
- * Displayed value is formatted.
13
- *
14
- * This is the primary slot.
15
- */
16
- input: NonNullable<Slot<'input'>>;
17
- /**
18
- * Renders the increment control.
19
- */
20
- incrementButton: NonNullable<Slot<'button'>>;
21
- /**
22
- * Renders the decrement control.
23
- */
24
- decrementButton: NonNullable<Slot<'button'>>;
25
- };
26
- /**
27
- * SpinButton Props
28
- */
29
- export declare type SpinButtonProps = Omit<ComponentProps<Partial<SpinButtonSlots>, 'input'>, 'onChange' | 'size'> & {
30
- /**
31
- * Controls the colors and borders of the input.
32
- * @default 'outline'
33
- */
34
- appearance?: 'outline' | 'underline' | 'filledDarker' | 'filledLighter';
35
- /**
36
- * Initial value of the control (assumed to be valid). Updates to this prop will not be respected.
37
- *
38
- * Use this if you intend for the SpinButton to be an uncontrolled component which maintains its
39
- * own value. For a controlled component, use `value` instead. (Mutually exclusive with `value`.)
40
- */
41
- defaultValue?: number;
42
- /**
43
- * String representation of `value`.
44
- *
45
- * Use this when displaying the value to users as something other than a plain number.
46
- * For example, when displaying currency values this might be "$1.00" when value is `1`.
47
- *
48
- * Only provide this if the SpinButton is a controlled component where you are maintaining its
49
- * current state and passing updates based on change events. When SpinButton is used as an
50
- * uncontrolled component this prop is ignored.
51
- */
52
- displayValue?: string;
53
- /**
54
- * Max value of the control. If not provided, the control has no maximum value.
55
- */
56
- max?: number;
57
- /**
58
- * Min value of the control. If not provided, the control has no minimum value.
59
- */
60
- min?: number;
61
- /**
62
- * Callback for when the committed value changes.
63
- * - User presses the up/down buttons (on single press or every spin)
64
- * - User presses the up/down arrow keys (on single press or every spin)
65
- * - User *commits* edits to the input text by focusing away (blurring) or pressing enter.
66
- * Note that this is NOT called for every key press while the user is editing.
67
- */
68
- onChange?: (event: SpinButtonChangeEvent, data: SpinButtonOnChangeData) => void;
69
- /**
70
- * How many decimal places the value should be rounded to.
71
- *
72
- * The default is calculated based on the precision of `step`: i.e. if step = 1, precision = 0.
73
- * step = 0.0089, precision = 4. step = 300, precision = 2. step = 23.00, precision = 2.
74
- */
75
- precision?: number;
76
- /**
77
- * Size of the input.
78
- * @default 'medium'
79
- */
80
- size?: 'small' | 'medium';
81
- /**
82
- * Difference between two adjacent values of the control.
83
- * This value is used to calculate the precision of the input if no `precision` is given.
84
- * The precision calculated this way will always be greater than or equal 0.
85
- * @default 1
86
- */
87
- step?: number;
88
- /**
89
- * Large difference between two values. This should be greater than `step` and is used
90
- * when users hit the Page Up or Page Down keys.
91
- * @default 1
92
- */
93
- stepPage?: number;
94
- /**
95
- * Current value of the control (assumed to be valid).
96
- *
97
- * Only provide this if the SpinButton is a controlled component where you are maintaining its
98
- * current state and passing updates based on change events; otherwise, use the `defaultValue`
99
- * property. (Mutually exclusive with `defaultValue`.)
100
- */
101
- value?: number;
102
- };
103
- /**
104
- * State used in rendering SpinButton
105
- */
106
- export declare type SpinButtonState = ComponentState<SpinButtonSlots> & Required<Pick<SpinButtonProps, 'appearance' | 'size'>> & {
107
- /**
108
- * State used to track which direction, if any, SpinButton is currently spinning.
109
- * @default 'rest'
110
- */
111
- spinState: SpinButtonSpinState;
112
- /**
113
- * State used to track if the value is at the range bounds of [min-max].
114
- * @default 'none'
115
- */
116
- atBound: SpinButtonBounds;
117
- };
118
- export declare type SpinButtonChangeEvent = React.MouseEvent<HTMLButtonElement> | React.ChangeEvent<HTMLElement> | React.FocusEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement>;
119
- export declare type SpinButtonOnChangeData = {
120
- value?: number;
121
- displayValue?: string;
122
- };
123
- export declare type SpinButtonSpinState = 'rest' | 'up' | 'down';
124
- export declare type SpinButtonBounds = 'none' | 'min' | 'max' | 'both';
package/lib-commonjs/components/SpinButton/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export * from './SpinButton';
2
- export * from './SpinButton.types';
3
- export * from './renderSpinButton';
4
- export * from './useSpinButton';
5
- export * from './useSpinButtonStyles';
package/lib-commonjs/components/SpinButton/renderSpinButton.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import type { SpinButtonState } from './SpinButton.types';
2
- /**
3
- * Render the final JSX of SpinButton
4
- */
5
- export declare const renderSpinButton_unstable: (state: SpinButtonState) => JSX.Element;
package/lib-commonjs/components/SpinButton/useSpinButton.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { SpinButtonProps, SpinButtonState } from './SpinButton.types';
3
- /**
4
- * Create the state required to render SpinButton.
5
- *
6
- * The returned state can be modified with hooks such as useSpinButtonStyles_unstable,
7
- * before being passed to renderSpinButton_unstable.
8
- *
9
- * @param props - props from this instance of SpinButton
10
- * @param ref - reference to root HTMLElement of SpinButton
11
- */
12
- export declare const useSpinButton_unstable: (props: SpinButtonProps, ref: React.Ref<HTMLInputElement>) => SpinButtonState;
package/lib-commonjs/components/SpinButton/useSpinButtonStyles.d.ts DELETED
@@ -1,7 +0,0 @@
1
- import { SlotClassNames } from '@fluentui/react-utilities';
2
- import type { SpinButtonSlots, SpinButtonState } from './SpinButton.types';
3
- export declare const spinButtonClassNames: SlotClassNames<SpinButtonSlots>;
4
- /**
5
- * Apply styling to the SpinButton slots based on the state
6
- */
7
- export declare const useSpinButtonStyles_unstable: (state: SpinButtonState) => SpinButtonState;
package/lib-commonjs/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- export { SpinButton, renderSpinButton_unstable, spinButtonClassNames, useSpinButtonStyles_unstable, useSpinButton_unstable, } from './SpinButton';
2
- export type { SpinButtonOnChangeData, SpinButtonChangeEvent, SpinButtonProps, SpinButtonSlots, SpinButtonState, SpinButtonSpinState, SpinButtonBounds, } from './SpinButton';
package/lib-commonjs/utils/clamp.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const clampWhenInRange: (oldValue: number, newValue: number, min?: number | undefined, max?: number | undefined) => number;
package/lib-commonjs/utils/getBound.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import type { SpinButtonBounds } from '../SpinButton';
2
- export declare const getBound: (value: number, min?: number | undefined, max?: number | undefined) => SpinButtonBounds;
package/lib-commonjs/utils/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './clamp';
2
- export * from './getBound';
3
- export * from './precision';
package/lib-commonjs/utils/precision.d.ts DELETED
@@ -1,14 +0,0 @@
1
- /**
2
- * Calculates a number's precision based on the number of trailing
3
- * zeros if the number does not have a decimal indicated by a negative
4
- * precision. Otherwise, it calculates the number of digits after
5
- * the decimal point indicated by a positive precision.
6
- * @param value - the value to determine the precision of
7
- */
8
- export declare function calculatePrecision(value: number | string): number;
9
- /**
10
- * Rounds a number to a certain level of precision. Accepts negative precision.
11
- * @param value - The value that is being rounded.
12
- * @param precision - The number of decimal places to round the number to
13
- */
14
- export declare function precisionRound(value: number, precision: number, base?: number): number;