@pongo-ui/react-radio - npm Package Compare versions

Comparing version 0.0.2 to 0.0.3

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Mon, 14 Mar 2022 03:58:18 GMT",
+      "date": "Tue, 15 Mar 2022 21:01:06 GMT",
+      "tag": "@pongo-ui/react-radio_v0.0.3",
+      "version": "0.0.3",
+      "comments": {
+        "patch": [
+          {
+            "author": "[e-mail]",
+            "package": "@pongo-ui/react-radio",
+            "commit": "e6486cb2b8d06007bebacfe2298e66fb69187757",
+            "comment": "Updating tokens"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 14 Mar 2022 03:58:33 GMT",
       "tag": "@pongo-ui/react-radio_v0.0.2",
@@ -8,0 +23,0 @@ "version": "0.0.2",

CHANGELOG.md

 # Change Log - @pongo-ui/react-radio
 
-This log was last generated on Mon, 14 Mar 2022 03:58:18 GMT and should not be manually modified.
+This log was last generated on Tue, 15 Mar 2022 21:01:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.0.3
+
+Tue, 15 Mar 2022 21:01:06 GMT
+
+### Patches
+
+- Updating tokens ([e-mail])
+
 ## 0.0.2
 
-Mon, 14 Mar 2022 03:58:18 GMT
+Mon, 14 Mar 2022 03:58:33 GMT
 
@@ -11,0 +19,0 @@ ### Patches

lib-commonjs/components/Radio/useRadioStyles.js

@@ -126,4 +126,4 @@ "use strict";
             transitionProperty: 'transform, opacity',
-            transitionDuration: '.2s',
-            transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',
+            transitionDuration: react_theme_1.tokens.transitionDuration,
+            transitionTimingFunction: react_theme_1.tokens.transitionTimingFunction,
         },
@@ -130,0 +130,0 @@ },

lib/components/Radio/useRadioStyles.js

@@ -123,4 +123,4 @@ import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
             transitionProperty: 'transform, opacity',
-            transitionDuration: '.2s',
-            transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',
+            transitionDuration: tokens.transitionDuration,
+            transitionTimingFunction: tokens.transitionTimingFunction,
         },
@@ -127,0 +127,0 @@ },

package.json

 {
   "name": "@pongo-ui/react-radio",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A radio button component that allows a user to select a single option from a set.",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

README.md

@@ -21,3 +21,3 @@ # RadioButton
 
-2. Install the @fluentui/react-provider and our theme tokens from @pongo-ui/react-theme
+2. Install the @pongo-ui/react-provider and our theme tokens from @pongo-ui/react-theme
 
@@ -27,3 +27,3 @@ 3. Set up the provider in your app:
 ```jsx
-import { FluentProvider } from '@fluentui/react-provider'
+import { Provider } from '@pongo-ui/react-provider'
 import { webLightTheme } from '@pongo-ui/react-theme'
@@ -33,4 +33,4 @@
   return (
-    <FluentProvider theme={webLightTheme}>
-    <FluentProvider>
+    <Provider theme={webLightTheme}>
+    <Provider>
   )
@@ -43,3 +43,3 @@ }
 ```jsx
-import { FluentProvider } from '@fluentui/react-provider'
+import { Provider } from '@pongo-ui/react-provider'
 import { webLightTheme } from '@pongo-ui/react-theme'
@@ -50,3 +50,3 @@ import { RadioRadioGroupList, Radio } from '@pongo-ui/react-radio'
   return (
-    <FluentProvider theme={webLightTheme}>
+    <Provider theme={webLightTheme}>
       <RadioGroup>
@@ -57,3 +57,3 @@ <Radio value="1" label="Value 1" />
       </RadioGroup>
-    <FluentProvider>
+    <Provider>
   )
@@ -60,0 +60,0 @@ }

src/components/Radio/useRadioStyles.ts

@@ -144,4 +144,4 @@ import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
       transitionProperty: 'transform, opacity',
-      transitionDuration: '.2s',
-      transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',
+      transitionDuration: tokens.transitionDuration,
+      transitionTimingFunction: tokens.transitionTimingFunction,
     },
@@ -148,0 +148,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

103779

0.58%

Lines of code

1771

0.85%

No dependency changes