@equinor/eds-core-react 0.15.0-dev.20211116v2 → 0.15.0-dev.20211118

package/dist/core-react.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('focus-visible');
 var React = require('react');
 var styled = require('styled-components');
 var edsTokens = require('@equinor/eds-tokens');
 var R = require('ramda');
 var jsxRuntime = require('react/jsx-runtime');
 var edsIcons = require('@equinor/eds-icons');
+require('focus-visible');
 var ReactDom = require('react-dom');
 var reactPopper = require('react-popper');
 var downshift = require('downshift');
@@ -8536,7 +8536,7 @@ const Input$1 = styled__default['default'](BaseInput).withConfig({
       track
     }
   }
-}) => styled.css(["&[data-focus-visible-added]:focus + span{outline-offset:", ";}&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(180%,-50%);background-color:", ";}@media (hover:hover) and (pointer:fine){&:hover + span{background-color:", ";}}"], states.focus.outline.offset, disabled ? states.disabled.background : track.states.active.background, handle.background, disabled ? 'transparent' : states.hover.background));
+}) => styled.css(["&[data-focus-visible-added]:focus + span{", "}&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(180%,-50%);background-color:", ";}@media (hover:hover) and (pointer:fine){&:hover + span{background-color:", ";}}"], outlineTemplate(states.focus.outline), disabled ? states.disabled.background : track.states.active.background, handle.background, disabled ? 'transparent' : states.hover.background));
 const Track$1 = styled__default['default'].span.withConfig({
   displayName: "SwitchSmall__Track",
   componentId: "sc-1a99mis-1"

package/dist/esm/components/Switch/SwitchSmall.js

@@ -2,6 +2,7 @@ import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { BaseInput, GridWrapper, BaseInputWrapper } from './Switch.styles.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { outlineTemplate } from '../../utils/templates/focus.js';
 
 const Input = styled(BaseInput).withConfig({
   displayName: "SwitchSmall__Input",
@@ -15,7 +16,7 @@ const Input = styled(BaseInput).withConfig({
       track
     }
   }
-}) => css(["&[data-focus-visible-added]:focus + span{outline-offset:", ";}&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(180%,-50%);background-color:", ";}@media (hover:hover) and (pointer:fine){&:hover + span{background-color:", ";}}"], states.focus.outline.offset, disabled ? states.disabled.background : track.states.active.background, handle.background, disabled ? 'transparent' : states.hover.background));
+}) => css(["&[data-focus-visible-added]:focus + span{", "}&:checked + span > span{background-color:", ";}&:checked + span > span:last-child{transform:translate(180%,-50%);background-color:", ";}@media (hover:hover) and (pointer:fine){&:hover + span{background-color:", ";}}"], outlineTemplate(states.focus.outline), disabled ? states.disabled.background : track.states.active.background, handle.background, disabled ? 'transparent' : states.hover.background));
 const Track = styled.span.withConfig({
   displayName: "SwitchSmall__Track",
   componentId: "sc-1a99mis-1"

package/dist/esm/index.js

@@ -1,4 +1,3 @@
-import 'focus-visible';
 export { Table } from './components/Table/index.js';
 export { Icon } from './components/Icon/index.js';
 export { List } from './components/List/index.js';

package/dist/esm/utils/templates/focus.js

@@ -1,3 +1,4 @@
+import 'focus-visible';
 import { css } from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
 import { shorthand } from './common.js';

package/dist/types/index.d.ts

@@ -1,4 +1,3 @@
-import 'focus-visible';
 export * from './components/Button';
 export * from './components/Typography';
 export * from './components/Table';

package/dist/types/utils/templates/focus.d.ts

@@ -1,2 +1,3 @@
+import 'focus-visible';
 import { Outline } from '@equinor/eds-tokens';
 export declare const outlineTemplate: (outline: Outline) => import("styled-components").FlattenSimpleInterpolation;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-core-react",
-  "version": "0.15.0-dev.20211116v2",
+  "version": "0.15.0-dev.20211118",
   "description": "The React implementation of the Equinor Design System",
   "sideEffects": false,
   "main": "dist/core-react.cjs.js",
@@ -91,6 +91,7 @@
     "pnpm": ">=4",
     "node": ">=10.0.0"
   },
+  "browserslist": "defaults, not IE 11",
   "scripts": {
     "build": "rollup -c && tsc -p tsconfig.json",
     "test": "tsc -p tsconfig.json && jest",