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

Comparing version 0.0.1 to 0.0.2

CHANGELOG.json

@@ -5,3 +5,18 @@ {
     {
-      "date": "Sun, 13 Mar 2022 22:45:23 GMT",
+      "date": "Mon, 14 Mar 2022 03:58:18 GMT",
+      "tag": "@pongo-ui/react-radio_v0.0.2",
+      "version": "0.0.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "[e-mail]",
+            "package": "@pongo-ui/react-radio",
+            "commit": "65b9508a5b943de3cade64f33833c2b23e3a0d14",
+            "comment": "Adding component package"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Sun, 13 Mar 2022 22:45:28 GMT",
       "tag": "@pongo-ui/react-radio_v0.0.1",
@@ -8,0 +23,0 @@ "version": "0.0.1",

CHANGELOG.md

 # Change Log - @pongo-ui/react-radio
 
-This log was last generated on Sun, 13 Mar 2022 22:45:23 GMT and should not be manually modified.
+This log was last generated on Mon, 14 Mar 2022 03:58:18 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## 0.0.2
+
+Mon, 14 Mar 2022 03:58:18 GMT
+
+### Patches
+
+- Adding component package ([e-mail])
+
 ## 0.0.1
 
-Sun, 13 Mar 2022 22:45:23 GMT
+Sun, 13 Mar 2022 22:45:28 GMT
 
@@ -11,0 +19,0 @@ ### Patches

dist/react-radio.d.ts

@@ -29,4 +29,2 @@ import type { ForwardRefComponent } from '@fluentui/react-utilities';
 
-export declare const useStyles: () => Record<"root" | "vertical", string>;
-
 export { }

etc/react-radio.api.md

@@ -37,7 +37,4 @@ ## API Report File for "@pongo-ui/react-radio"
 
-// @public (undocumented)
-export const useStyles: () => Record<"root" | "vertical", string>;
-
 // (No @packageDocumentation comment for this package)
 
 ```

lib-commonjs/components/Radio/useRadioStyles.js

@@ -47,2 +47,3 @@ "use strict";
             transform: 'scale(0%)',
+            opacity: 0,
         },
@@ -125,3 +126,3 @@ },
             fill: react_theme_1.tokens.brand,
-            transitionProperty: ' transform',
+            transitionProperty: 'transform, opacity',
             transitionDuration: '.2s',
@@ -128,0 +129,0 @@ transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',

lib-commonjs/components/RadioGroup/useRadioGroupStyles.d.ts

 import type { RadioGroupState } from './RadioGroup.types';
-export declare const useStyles: () => Record<"root" | "vertical", string>;
 export declare const useRadioGroupStyles: (state: RadioGroupState) => RadioGroupState;
 //# sourceMappingURL=useRadioGroupStyles.d.ts.map

lib-commonjs/components/RadioGroup/useRadioGroupStyles.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRadioGroupStyles = exports.useStyles = void 0;
+exports.useRadioGroupStyles = void 0;
 const react_1 = require("@griffel/react");
-exports.useStyles = (0, react_1.makeStyles)({
+const useStyles = (0, react_1.makeStyles)({
     root: {
@@ -16,3 +16,3 @@ display: 'flex',
 const useRadioGroupStyles = (state) => {
-    const styles = (0, exports.useStyles)();
+    const styles = useStyles();
     state.root.className = (0, react_1.mergeClasses)(styles.root, styles.root, state.layout === 'vertical' && styles.vertical, state.root.className);
@@ -19,0 +19,0 @@ return state;

lib/components/Radio/useRadioStyles.js

@@ -44,2 +44,3 @@ import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
             transform: 'scale(0%)',
+            opacity: 0,
         },
@@ -122,3 +123,3 @@ },
             fill: tokens.brand,
-            transitionProperty: ' transform',
+            transitionProperty: 'transform, opacity',
             transitionDuration: '.2s',
@@ -125,0 +126,0 @@ transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',

lib/components/RadioGroup/useRadioGroupStyles.d.ts

 import type { RadioGroupState } from './RadioGroup.types';
-export declare const useStyles: () => Record<"root" | "vertical", string>;
 export declare const useRadioGroupStyles: (state: RadioGroupState) => RadioGroupState;
 //# sourceMappingURL=useRadioGroupStyles.d.ts.map

lib/components/RadioGroup/useRadioGroupStyles.js

 import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
-export const useStyles = makeStyles({
+const useStyles = makeStyles({
     root: {
@@ -4,0 +4,0 @@ display: 'flex',

package.json

 {
   "name": "@pongo-ui/react-radio",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "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",

src/components/Radio/useRadioStyles.ts

@@ -20,2 +20,3 @@ import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
     alignItems: 'center',
+
     rowGap: '8px',
@@ -55,2 +56,3 @@ },
       transform: 'scale(0%)',
+      opacity: 0,
     },
@@ -143,3 +145,3 @@ },
       fill: tokens.brand,
-      transitionProperty: ' transform',
+      transitionProperty: 'transform, opacity',
       transitionDuration: '.2s',
@@ -146,0 +148,0 @@ transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1) 0m',

src/components/RadioGroup/useRadioGroupStyles.ts

 import { mergeClasses, makeStyles, shorthands } from '@griffel/react';
 import type { RadioGroupState } from './RadioGroup.types';
 
-export const useStyles = makeStyles({
+const useStyles = makeStyles({
   root: {
@@ -6,0 +6,0 @@ display: 'flex',

temp/react-radio.api.json

@@ -415,32 +415,2 @@ {
           }
-        },
-        {
-          "kind": "Variable",
-          "canonicalReference": "@pongo-ui/react-radio!useStyles:var",
-          "docComment": "",
-          "excerptTokens": [
-            {
-              "kind": "Content",
-              "text": "useStyles: "
-            },
-            {
-              "kind": "Content",
-              "text": "() => "
-            },
-            {
-              "kind": "Reference",
-              "text": "Record",
-              "canonicalReference": "!Record:type"
-            },
-            {
-              "kind": "Content",
-              "text": "<\"root\" | \"vertical\", string>"
-            }
-          ],
-          "releaseTag": "Public",
-          "name": "useStyles",
-          "variableTypeTokenRange": {
-            "startIndex": 1,
-            "endIndex": 4
-          }
         }
@@ -447,0 +417,0 @@ ]

temp/react-radio.api.md

@@ -37,7 +37,4 @@ ## API Report File for "@pongo-ui/react-radio"
 
-// @public (undocumented)
-export const useStyles: () => Record<"root" | "vertical", string>;
-
 // (No @packageDocumentation comment for this package)
 
 ```

No alert changes

Worsened metrics

Total package byte prevSize

103179

-0.7%

Lines of code

1756

-0.85%

No dependency changes