@atlaskit/radio
Advanced tools
@atlaskit/radio - npm Package Compare versions
Comparing version 5.4.1 to 5.4.2
| # @atlaskit/radio | ||
| ## 5.4.2 | ||
| ### Patch Changes | ||
| - [`9827dcb82b8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9827dcb82b8) - No-op change to introduce spacing tokens to design system components. | ||
| ## 5.4.1 | ||
@@ -4,0 +10,0 @@ |
@@ -32,7 +32,7 @@ "use strict"; | ||
| var packageName = "@atlaskit/radio"; | ||
| var packageVersion = "5.4.1"; | ||
| var packageVersion = "5.4.2"; | ||
| var fontFamily = (0, _constants.fontFamily)(); | ||
| var noop = _noop.default; | ||
| var labelPaddingStyles = (0, _react2.css)({ | ||
| padding: '2px 4px' | ||
| padding: "var(--ds-scale-025, 2px)".concat(" ", "var(--ds-scale-050, 4px)") | ||
| }); | ||
@@ -69,3 +69,4 @@ var labelStyles = (0, _react2.css)({ | ||
| height: '24px', | ||
| margin: 0, | ||
| // TODO Delete this comment after verifying spacing token -> previous value `0` | ||
| margin: "var(--ds-scale-0, 0px)", | ||
| position: 'relative', | ||
@@ -72,0 +73,0 @@ alignItems: 'center', |
| { | ||
| "name": "@atlaskit/radio", | ||
| "version": "5.4.1", | ||
| "version": "5.4.2", | ||
| "sideEffects": false | ||
| } |
@@ -13,7 +13,7 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| const packageName = "@atlaskit/radio"; | ||
| const packageVersion = "5.4.1"; | ||
| const packageVersion = "5.4.2"; | ||
| const fontFamily = getFontFamily(); | ||
| const noop = __noop; | ||
| const labelPaddingStyles = css({ | ||
| padding: '2px 4px' | ||
| padding: `${"var(--ds-scale-025, 2px)"} ${"var(--ds-scale-050, 4px)"}` | ||
| }); | ||
@@ -50,3 +50,4 @@ const labelStyles = css({ | ||
| height: '24px', | ||
| margin: 0, | ||
| // TODO Delete this comment after verifying spacing token -> previous value `0` | ||
| margin: "var(--ds-scale-0, 0px)", | ||
| position: 'relative', | ||
@@ -53,0 +54,0 @@ alignItems: 'center', |
| { | ||
| "name": "@atlaskit/radio", | ||
| "version": "5.4.1", | ||
| "version": "5.4.2", | ||
| "sideEffects": false | ||
| } |
@@ -15,7 +15,7 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| var packageName = "@atlaskit/radio"; | ||
| var packageVersion = "5.4.1"; | ||
| var packageVersion = "5.4.2"; | ||
| var fontFamily = getFontFamily(); | ||
| var noop = __noop; | ||
| var labelPaddingStyles = css({ | ||
| padding: '2px 4px' | ||
| padding: "var(--ds-scale-025, 2px)".concat(" ", "var(--ds-scale-050, 4px)") | ||
| }); | ||
@@ -52,3 +52,4 @@ var labelStyles = css({ | ||
| height: '24px', | ||
| margin: 0, | ||
| // TODO Delete this comment after verifying spacing token -> previous value `0` | ||
| margin: "var(--ds-scale-0, 0px)", | ||
| position: 'relative', | ||
@@ -55,0 +56,0 @@ alignItems: 'center', |
| { | ||
| "name": "@atlaskit/radio", | ||
| "version": "5.4.1", | ||
| "version": "5.4.2", | ||
| "sideEffects": false | ||
| } |
| { | ||
| "name": "@atlaskit/radio", | ||
| "version": "5.4.1", | ||
| "version": "5.4.2", | ||
| "description": "A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group.", | ||
@@ -18,3 +18,4 @@ "publishConfig": { | ||
| "*": [ | ||
| "dist/types-ts4.0/*" | ||
| "dist/types-ts4.0/*", | ||
| "dist/types-ts4.0/index.d.ts" | ||
| ] | ||
@@ -26,2 +27,3 @@ } | ||
| "atlassian": { | ||
| "disableProductCI": true, | ||
| "team": "Design System Team", | ||
@@ -53,6 +55,6 @@ "releaseModel": "scheduled", | ||
| "@atlaskit/button": "^16.3.0", | ||
| "@atlaskit/checkbox": "^12.3.0", | ||
| "@atlaskit/checkbox": "^12.4.0", | ||
| "@atlaskit/docs": "^9.0.0", | ||
| "@atlaskit/form": "^8.5.0", | ||
| "@atlaskit/section-message": "^6.2.0", | ||
| "@atlaskit/form": "^8.6.0", | ||
| "@atlaskit/section-message": "^6.3.0", | ||
| "@atlaskit/ssr": "*", | ||
@@ -59,0 +61,0 @@ "@atlaskit/visual-regression": "*", |
@@ -1,5 +0,7 @@ | ||
| ## API Report File for "@atlaskit/radio" | ||
| ## API Report File for "@atlaskit/radio". | ||
| > Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/). | ||
| > Do not edit this file. This report is auto-generated by [API Extractor](https://api-extractor.com/). | ||
| [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports) | ||
| ```ts | ||
@@ -29,2 +31,11 @@ /// <reference types="react" /> | ||
| /** | ||
| * __Radio__ | ||
| * | ||
| * A radio input allows users to select only one option from a number of choices. Radio is generally displayed in a radio group. | ||
| * | ||
| * - [Examples](https://atlassian.design/components/radio/examples) | ||
| * - [Code](https://atlassian.design/components/radio/code) | ||
| * - [Usage](https://atlassian.design/components/radio/usage) | ||
| */ | ||
| export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent< | ||
@@ -349,3 +360,2 @@ Pick< | ||
| | 'onTransitionEndCapture' | ||
| | 'css' | ||
| | keyof { | ||
@@ -376,17 +386,33 @@ ariaLabel?: string | undefined; | ||
| declare interface RadioGroupProps { | ||
| /** Once set, controls the selected value on the `RadioGroup` */ | ||
| /** | ||
| * Once set, controls the selected value on the `RadioGroup` | ||
| */ | ||
| value?: RadioValue | null; | ||
| /** Sets the initial selected value on the `RadioGroup` */ | ||
| /** | ||
| * Sets the initial selected value on the `RadioGroup` | ||
| */ | ||
| defaultValue?: RadioValue | null; | ||
| /** Sets the disabled state of all `Radio` elements in the group. Overrides the `isDisabled` setting of all child `Radio` items. */ | ||
| /** | ||
| * Sets the disabled state of all `Radio` elements in the group. Overrides the `isDisabled` setting of all child `Radio` items. | ||
| */ | ||
| isDisabled?: boolean; | ||
| /** Sets the required state of all `Radio` elements in the group */ | ||
| /** | ||
| * Sets the required state of all `Radio` elements in the group | ||
| */ | ||
| isRequired?: boolean; | ||
| /** Sets the invalid state of all `Radio` elements in the group */ | ||
| /** | ||
| * Sets the invalid state of all `Radio` elements in the group | ||
| */ | ||
| isInvalid?: boolean; | ||
| /** An array of objects, each object is mapped onto a `Radio` element within the group. Name must be unique to the group. */ | ||
| /** | ||
| * An array of objects, each object is mapped onto a `Radio` element within the group. Name must be unique to the group. | ||
| */ | ||
| options: OptionsPropType; | ||
| /** Function that gets fired after each invalid event */ | ||
| /** | ||
| * Function that gets fired after each invalid event | ||
| */ | ||
| onInvalid?: (event: SyntheticEvent<any>) => void; | ||
| /** Function that gets after each change event */ | ||
| /** | ||
| * Function that gets after each change event | ||
| */ | ||
| onChange?: ( | ||
@@ -396,7 +422,13 @@ e: React_2.ChangeEvent<HTMLInputElement>, | ||
| ) => void; | ||
| /** Sets the `name` prop on each of the `Radio` elements in the group */ | ||
| /** | ||
| * Sets the `name` prop on each of the `Radio` elements in the group | ||
| */ | ||
| name?: string; | ||
| /** Additional information to be included in the `context` of analytics events that come from radio */ | ||
| /** | ||
| * Additional information to be included in the `context` of analytics events that come from radio | ||
| */ | ||
| analyticsContext?: Record<string, any>; | ||
| /** The id of the element that links to this radiogroup. */ | ||
| /** | ||
| * The id of the element that links to this radiogroup. | ||
| */ | ||
| 'aria-labelledby'?: string; | ||
@@ -403,0 +435,0 @@ } |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.09%
118936
- Lines of code
- increased by0.19%
1588
No dependency changes