@atlaskit/primitives
Advanced tools
@atlaskit/primitives - npm Package Compare versions
Comparing version 7.1.0 to 7.2.0
| # @atlaskit/primitives | ||
| ## 7.2.0 | ||
| ### Minor Changes | ||
| - [#108733](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108733) | ||
| [`c414bbde52951`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c414bbde52951) - | ||
| Extends XCSS type to support `:focus:not(:focus-visible)` | ||
| ### Patch Changes | ||
| - [#108733](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/108733) | ||
| [`c414bbde52951`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c414bbde52951) - | ||
| Adds a `:focus` style reset to `Anchor` and `Pressable` to prevent `:focus` styles with lower | ||
| specificity from leaking through. | ||
| ## 7.1.0 | ||
@@ -4,0 +19,0 @@ |
@@ -38,6 +38,9 @@ "use strict"; | ||
| var focusRingStyles = (0, _xcss.xcss)({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -89,3 +92,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -92,0 +95,0 @@ actionSubject: 'link' |
@@ -30,6 +30,9 @@ "use strict"; | ||
| var focusRingStyles = (0, _xcss.xcss)({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -82,3 +85,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -85,0 +88,0 @@ actionSubject: 'button' |
@@ -24,6 +24,9 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| const focusRingStyles = xcss({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -75,3 +78,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -78,0 +81,0 @@ actionSubject: 'link' |
@@ -17,6 +17,9 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| const focusRingStyles = xcss({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -68,3 +71,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -71,0 +74,0 @@ actionSubject: 'button' |
@@ -28,6 +28,9 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| var focusRingStyles = xcss({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -79,3 +82,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -82,0 +85,0 @@ actionSubject: 'link' |
@@ -20,6 +20,9 @@ import _extends from "@babel/runtime/helpers/extends"; | ||
| var focusRingStyles = xcss({ | ||
| // Focus styles used when :focus-visible isn't supported | ||
| ':focus': baseFocusRingStyles, | ||
| // Remove default focus styles for mouse interactions if :focus-visible is supported | ||
| ':focus:not(:focus-visible)': { | ||
| outline: 'none' | ||
| }, | ||
| ':focus-visible': baseFocusRingStyles, | ||
| '@supports not selector(*:focus-visible)': { | ||
| ':focus': baseFocusRingStyles | ||
| }, | ||
| '@media screen and (forced-colors: active), screen and (-ms-high-contrast: active)': { | ||
@@ -72,3 +75,3 @@ ':focus-visible': { | ||
| packageName: "@atlaskit/primitives", | ||
| packageVersion: "7.1.0", | ||
| packageVersion: "7.2.0", | ||
| analyticsData: analyticsContext, | ||
@@ -75,0 +78,0 @@ actionSubject: 'button' |
389
package.json
| { | ||
| "name": "@atlaskit/primitives", | ||
| "version": "7.1.0", | ||
| "description": "Primitives are token-backed low-level building blocks.", | ||
| "publishConfig": { | ||
| "registry": "https://registry.npmjs.org/" | ||
| }, | ||
| "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror", | ||
| "author": "Atlassian Pty Ltd", | ||
| "license": "Apache-2.0", | ||
| "main": "dist/cjs/index.js", | ||
| "module": "dist/esm/index.js", | ||
| "module:es2019": "dist/es2019/index.js", | ||
| "types": "dist/types/index.d.ts", | ||
| "sideEffects": false, | ||
| "atlaskit:src": "src/index.tsx", | ||
| "atlassian": { | ||
| "team": "Design System Team", | ||
| "productPushConsumption": [ | ||
| "jira" | ||
| ], | ||
| "inPublicMirror": false, | ||
| "releaseModel": "continuous", | ||
| "website": { | ||
| "category": "Primitives", | ||
| "name": "Primitives", | ||
| "status": { | ||
| "type": "beta" | ||
| }, | ||
| "pages": [ | ||
| { | ||
| "title": "Overview", | ||
| "id": "@atlaskit/primitives", | ||
| "folder": "overview", | ||
| "slug": "primitives/overview" | ||
| }, | ||
| { | ||
| "title": "Box", | ||
| "folder": "box", | ||
| "slug": "primitives/box", | ||
| "id": "@atlaskit/primitives/box" | ||
| }, | ||
| { | ||
| "title": "Inline", | ||
| "folder": "inline", | ||
| "slug": "primitives/inline", | ||
| "id": "@atlaskit/primitives/inline" | ||
| }, | ||
| { | ||
| "title": "Stack", | ||
| "folder": "stack", | ||
| "slug": "primitives/stack", | ||
| "id": "@atlaskit/primitives/stack" | ||
| }, | ||
| { | ||
| "title": "Flex", | ||
| "folder": "flex", | ||
| "slug": "primitives/flex", | ||
| "id": "@atlaskit/primitives/flex", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Grid", | ||
| "folder": "grid", | ||
| "slug": "primitives/grid", | ||
| "id": "@atlaskit/primitives/grid", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Bleed", | ||
| "folder": "bleed", | ||
| "slug": "primitives/bleed", | ||
| "id": "@atlaskit/primitives/bleed" | ||
| }, | ||
| { | ||
| "title": "XCSS", | ||
| "folder": "xcss", | ||
| "slug": "primitives/xcss", | ||
| "id": "@atlaskit/primitives/xcss" | ||
| }, | ||
| { | ||
| "title": "Responsive", | ||
| "folder": "responsive", | ||
| "slug": "primitives/responsive", | ||
| "id": "@atlaskit/primitives/responsive" | ||
| }, | ||
| { | ||
| "title": "Text", | ||
| "folder": "text", | ||
| "slug": "primitives/text", | ||
| "id": "@atlaskit/primitives/text", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Pressable", | ||
| "folder": "pressable", | ||
| "slug": "primitives/pressable", | ||
| "id": "@atlaskit/primitives/pressable", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Anchor", | ||
| "folder": "anchor", | ||
| "slug": "primitives/anchor", | ||
| "id": "@atlaskit/primitives/anchor", | ||
| "status": { | ||
| "type": "closed-beta" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| "runReact18": true | ||
| }, | ||
| "scripts": { | ||
| "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx" | ||
| }, | ||
| "dependencies": { | ||
| "@atlaskit/analytics-next": "^9.3.0", | ||
| "@atlaskit/app-provider": "^1.3.0", | ||
| "@atlaskit/css": "^0.1.0", | ||
| "@atlaskit/ds-lib": "^2.3.0", | ||
| "@atlaskit/interaction-context": "^2.1.0", | ||
| "@atlaskit/tokens": "^1.50.0", | ||
| "@atlaskit/visually-hidden": "^1.3.0", | ||
| "@babel/runtime": "^7.0.0", | ||
| "@emotion/react": "^11.7.1", | ||
| "@emotion/serialize": "^1.1.0", | ||
| "bind-event-listener": "^3.0.0", | ||
| "react-uid": "^2.2.0", | ||
| "tiny-invariant": "^1.2.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "react": "^16.8.0 || ^17.0.0 || ^18.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@af/accessibility-testing": "*", | ||
| "@af/formatting": "*", | ||
| "@atlaskit/ssr": "*", | ||
| "@atlaskit/toggle": "^13.1.0", | ||
| "@atlaskit/tooltip": "^18.4.0", | ||
| "@atlaskit/visual-regression": "*", | ||
| "@atlassian/codegen": "^0.1.0", | ||
| "@testing-library/react": "^12.1.5", | ||
| "@testing-library/react-hooks": "^8.0.1", | ||
| "csstype": "^3.1.0", | ||
| "react-dom": "^16.8.0", | ||
| "ts-node": "^10.9.1", | ||
| "typescript": "~5.4.2", | ||
| "wait-for-expect": "^1.2.0" | ||
| }, | ||
| "techstack": { | ||
| "@atlassian/frontend": { | ||
| "import-structure": [ | ||
| "atlassian-conventions" | ||
| ], | ||
| "circular-dependencies": "file-and-folder-level" | ||
| }, | ||
| "@repo/internal": { | ||
| "design-system": "v1", | ||
| "dom-events": "use-bind-event-listener", | ||
| "analytics": "analytics-next", | ||
| "ui-components": [ | ||
| "lite-mode" | ||
| ], | ||
| "deprecation": "no-deprecated-imports", | ||
| "styling": [ | ||
| "static", | ||
| "emotion" | ||
| ], | ||
| "design-tokens": [ | ||
| "color", | ||
| "spacing" | ||
| ] | ||
| } | ||
| }, | ||
| "homepage": "https://atlassian.design/components/primitives/overview/", | ||
| "typesVersions": { | ||
| ">=4.5 <4.9": { | ||
| "*": [ | ||
| "dist/types-ts4.5/*", | ||
| "dist/types-ts4.5/index.d.ts" | ||
| ] | ||
| } | ||
| }, | ||
| "af:exports": { | ||
| ".": "./src/index.tsx", | ||
| "./box": "./src/components/box.tsx", | ||
| "./stack": "./src/components/stack.tsx", | ||
| "./inline": "./src/components/inline.tsx", | ||
| "./text": "./src/components/text.tsx", | ||
| "./pressable": "./src/components/pressable.tsx", | ||
| "./anchor": "./src/components/anchor.tsx", | ||
| "./responsive": "./src/responsive/index.tsx" | ||
| } | ||
| } | ||
| "name": "@atlaskit/primitives", | ||
| "version": "7.2.0", | ||
| "description": "Primitives are token-backed low-level building blocks.", | ||
| "publishConfig": { | ||
| "registry": "https://registry.npmjs.org/" | ||
| }, | ||
| "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror", | ||
| "author": "Atlassian Pty Ltd", | ||
| "license": "Apache-2.0", | ||
| "main": "dist/cjs/index.js", | ||
| "module": "dist/esm/index.js", | ||
| "module:es2019": "dist/es2019/index.js", | ||
| "types": "dist/types/index.d.ts", | ||
| "sideEffects": false, | ||
| "atlaskit:src": "src/index.tsx", | ||
| "atlassian": { | ||
| "team": "Design System Team", | ||
| "productPushConsumption": ["jira"], | ||
| "inPublicMirror": false, | ||
| "releaseModel": "continuous", | ||
| "website": { | ||
| "category": "Primitives", | ||
| "name": "Primitives", | ||
| "status": { | ||
| "type": "beta" | ||
| }, | ||
| "pages": [ | ||
| { | ||
| "title": "Overview", | ||
| "id": "@atlaskit/primitives", | ||
| "folder": "overview", | ||
| "slug": "primitives/overview" | ||
| }, | ||
| { | ||
| "title": "Box", | ||
| "folder": "box", | ||
| "slug": "primitives/box", | ||
| "id": "@atlaskit/primitives/box" | ||
| }, | ||
| { | ||
| "title": "Inline", | ||
| "folder": "inline", | ||
| "slug": "primitives/inline", | ||
| "id": "@atlaskit/primitives/inline" | ||
| }, | ||
| { | ||
| "title": "Stack", | ||
| "folder": "stack", | ||
| "slug": "primitives/stack", | ||
| "id": "@atlaskit/primitives/stack" | ||
| }, | ||
| { | ||
| "title": "Flex", | ||
| "folder": "flex", | ||
| "slug": "primitives/flex", | ||
| "id": "@atlaskit/primitives/flex", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Grid", | ||
| "folder": "grid", | ||
| "slug": "primitives/grid", | ||
| "id": "@atlaskit/primitives/grid", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Bleed", | ||
| "folder": "bleed", | ||
| "slug": "primitives/bleed", | ||
| "id": "@atlaskit/primitives/bleed" | ||
| }, | ||
| { | ||
| "title": "XCSS", | ||
| "folder": "xcss", | ||
| "slug": "primitives/xcss", | ||
| "id": "@atlaskit/primitives/xcss" | ||
| }, | ||
| { | ||
| "title": "Responsive", | ||
| "folder": "responsive", | ||
| "slug": "primitives/responsive", | ||
| "id": "@atlaskit/primitives/responsive" | ||
| }, | ||
| { | ||
| "title": "Text", | ||
| "folder": "text", | ||
| "slug": "primitives/text", | ||
| "id": "@atlaskit/primitives/text", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Pressable", | ||
| "folder": "pressable", | ||
| "slug": "primitives/pressable", | ||
| "id": "@atlaskit/primitives/pressable", | ||
| "status": { | ||
| "type": "beta" | ||
| } | ||
| }, | ||
| { | ||
| "title": "Anchor", | ||
| "folder": "anchor", | ||
| "slug": "primitives/anchor", | ||
| "id": "@atlaskit/primitives/anchor", | ||
| "status": { | ||
| "type": "closed-beta" | ||
| } | ||
| } | ||
| ] | ||
| }, | ||
| "runReact18": true | ||
| }, | ||
| "scripts": { | ||
| "codegen-styles": "ts-node -r tsconfig-paths/register ./scripts/codegen-styles.tsx" | ||
| }, | ||
| "dependencies": { | ||
| "@atlaskit/analytics-next": "^9.3.0", | ||
| "@atlaskit/app-provider": "^1.3.0", | ||
| "@atlaskit/css": "^0.1.0", | ||
| "@atlaskit/ds-lib": "^2.3.0", | ||
| "@atlaskit/interaction-context": "^2.1.0", | ||
| "@atlaskit/tokens": "^1.50.0", | ||
| "@atlaskit/visually-hidden": "^1.3.0", | ||
| "@babel/runtime": "^7.0.0", | ||
| "@emotion/react": "^11.7.1", | ||
| "@emotion/serialize": "^1.1.0", | ||
| "bind-event-listener": "^3.0.0", | ||
| "react-uid": "^2.2.0", | ||
| "tiny-invariant": "^1.2.0" | ||
| }, | ||
| "peerDependencies": { | ||
| "react": "^16.8.0 || ^17.0.0 || ^18.0.0" | ||
| }, | ||
| "devDependencies": { | ||
| "@af/accessibility-testing": "*", | ||
| "@af/formatting": "*", | ||
| "@atlaskit/ssr": "*", | ||
| "@atlaskit/toggle": "^13.1.0", | ||
| "@atlaskit/tooltip": "^18.4.0", | ||
| "@atlaskit/visual-regression": "*", | ||
| "@atlassian/codegen": "^0.1.0", | ||
| "@testing-library/react": "^12.1.5", | ||
| "@testing-library/react-hooks": "^8.0.1", | ||
| "csstype": "^3.1.0", | ||
| "react-dom": "^16.8.0", | ||
| "ts-node": "^10.9.1", | ||
| "typescript": "~5.4.2", | ||
| "wait-for-expect": "^1.2.0" | ||
| }, | ||
| "techstack": { | ||
| "@atlassian/frontend": { | ||
| "import-structure": ["atlassian-conventions"], | ||
| "circular-dependencies": "file-and-folder-level" | ||
| }, | ||
| "@repo/internal": { | ||
| "design-system": "v1", | ||
| "dom-events": "use-bind-event-listener", | ||
| "analytics": "analytics-next", | ||
| "ui-components": ["lite-mode"], | ||
| "deprecation": "no-deprecated-imports", | ||
| "styling": ["static", "emotion"], | ||
| "design-tokens": ["color", "spacing"] | ||
| } | ||
| }, | ||
| "homepage": "https://atlassian.design/components/primitives/overview/", | ||
| "typesVersions": { | ||
| ">=4.5 <4.9": { | ||
| "*": ["dist/types-ts4.5/*", "dist/types-ts4.5/index.d.ts"] | ||
| } | ||
| }, | ||
| "af:exports": { | ||
| ".": "./src/index.tsx", | ||
| "./box": "./src/components/box.tsx", | ||
| "./stack": "./src/components/stack.tsx", | ||
| "./inline": "./src/components/inline.tsx", | ||
| "./text": "./src/components/text.tsx", | ||
| "./pressable": "./src/components/pressable.tsx", | ||
| "./anchor": "./src/components/anchor.tsx", | ||
| "./responsive": "./src/responsive/index.tsx" | ||
| } | ||
| } |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
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 by0.05%
1861439
- Lines of code
- increased by0.12%
15097
No dependency changes