@atlaskit/task-decision 17.4.5 → 17.5.1

package/dist/es2019/styled/TaskItem.js

@@ -1,94 +0,0 @@
-import styled, { css } from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-import { themed } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { N0, DN100, DN200, N30, N90, B75, B300 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-export const CheckBoxWrapper = styled.span`
-  flex: 0 0 16px;
-  width: 16px;
-  height: 16px;
-  position: relative;
-  align-self: start;
-  margin: 4px ${gridSize()}px 0 0;
-
-  & > input[type='checkbox'] {
-    width: 16px;
-    height: 16px;
-    z-index: 1;
-    cursor: pointer;
-    position: absolute;
-    outline: none;
-    margin: 0;
-    opacity: 0;
-    left: 0;
-    top: 50%;
-    transform: translateY(-50%);
-
-    + div {
-      box-sizing: border-box;
-      display: inline;
-      width: 100%;
-      cursor: pointer;
-
-      &::after {
-        background: ${themed({
-  light: token('color.background.input', N0),
-  dark: token('color.background.input', DN100)
-})};
-        background-size: 16px;
-        border-radius: 3px;
-        border-style: solid;
-        border-width: 1px;
-        border-color: ${themed({
-  light: token('color.border', N90),
-  dark: token('color.border', DN200)
-})};
-        box-sizing: border-box;
-        content: '';
-        height: 16px;
-        left: 50%;
-        position: absolute;
-        transition: border-color 0.2s ease-in-out;
-        top: 8px;
-        width: 16px;
-        transform: translate(-50%, -50%);
-      }
-    }
-    &:focus-visible + div:after {
-      ${props => props.isRenderer ? css`
-              outline: 2px solid
-                ${themed({
-  light: token('color.border.focused', B300),
-  dark: token('color.border.focused', B75)
-})};
-            ` : ''}
-    }
-    &:not([disabled]):hover + div::after {
-      background: ${themed({
-  light: token('color.background.input', N30),
-  dark: token('color.background.input', B75)
-})};
-      transition: border 0.2s ease-in-out;
-    }
-    &[disabled] + div {
-      opacity: 0.5;
-      cursor: default;
-    }
-    &:checked {
-      + div::after {
-        background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)
-          no-repeat 0 0;
-        background-size: 16px;
-        border: 0;
-        border-color: transparent;
-      }
-      &:not([disabled]):hover + div::after {
-        background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)
-          no-repeat 0 0;
-        background-size: 16px;
-      }
-    }
-  }
-`;

package/dist/esm/styled/DecisionItem.js

@@ -1,17 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-import { themed } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { N100, G400, G200 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-export var EditorIconWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 0 0 16px;\n  height: 16px;\n  width: 16px;\n  color: ", ";\n  margin: 4px ", "px 0 0;\n\n  > span {\n    margin: -8px;\n  }\n"])), function (props) {
-  return props.showPlaceholder ? token('color.icon.subtle', N100) : themed({
-    light: token('color.icon.success', G400),
-    dark: token('color.icon.success', G200)
-  });
-}, gridSize() * 1.5);

package/dist/esm/styled/Item.js

@@ -1,18 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-import { themed } from '@atlaskit/theme/components';
-import { borderRadius, gridSize } from '@atlaskit/theme/constants';
-import { N20A, DN50 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-export var ContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: 0;\n  word-wrap: break-word;\n  min-width: 0;\n  flex: 1 1 auto;\n"])));
-export var TaskWrapper = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  padding: 6px 3px;\n  position: relative;\n"])));
-export var DecisionWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  margin: ", "px 0 0 0;\n  padding: ", "px;\n  padding-left: ", "px;\n  border-radius: ", "px;\n  background-color: ", ";\n  position: relative;\n\n  .decision-item {\n    cursor: initial;\n  }\n"])), gridSize(), gridSize(), gridSize() * 1.5, borderRadius(), themed({
-  light: token('color.background.neutral', N20A),
-  dark: token('color.background.neutral', DN50)
-}));
-export var ParticipantWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: -2px 8px;\n"])));

package/dist/esm/styled/ListWrapper.js

@@ -1,11 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-var WrapperStyles = "\n  /*\n    Increasing specificity with double ampersand to ensure these rules take\n    priority over the global styles applied to 'ol' elements.\n  */\n  && {\n    list-style-type: none;\n    padding-left: 0;\n  }\n";
-var TaskListWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), WrapperStyles);
-var DecisionListWrapper = styled.ol(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), WrapperStyles);
-export { TaskListWrapper, DecisionListWrapper };

package/dist/esm/styled/Placeholder.js

@@ -1,12 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import styled from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-import { N100 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-export var Placeholder = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin: ", ";\n  position: absolute;\n  color: ", ";\n  pointer-events: none;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: calc(100% - 50px);\n"])), function (props) {
-  return "0 0 0 ".concat(props.offset, "px;");
-}, token('color.text.subtlest', N100));

package/dist/esm/styled/TaskItem.js

@@ -1,26 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled, { css } from 'styled-components'; // @ts-ignore: unused variable
-// prettier-ignore
-
-import { themed } from '@atlaskit/theme/components';
-import { gridSize } from '@atlaskit/theme/constants';
-import { N0, DN100, DN200, N30, N90, B75, B300 } from '@atlaskit/theme/colors';
-import { token } from '@atlaskit/tokens';
-export var CheckBoxWrapper = styled.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  position: relative;\n  align-self: start;\n  margin: 4px ", "px 0 0;\n\n  & > input[type='checkbox'] {\n    width: 16px;\n    height: 16px;\n    z-index: 1;\n    cursor: pointer;\n    position: absolute;\n    outline: none;\n    margin: 0;\n    opacity: 0;\n    left: 0;\n    top: 50%;\n    transform: translateY(-50%);\n\n    + div {\n      box-sizing: border-box;\n      display: inline;\n      width: 100%;\n      cursor: pointer;\n\n      &::after {\n        background: ", ";\n        background-size: 16px;\n        border-radius: 3px;\n        border-style: solid;\n        border-width: 1px;\n        border-color: ", ";\n        box-sizing: border-box;\n        content: '';\n        height: 16px;\n        left: 50%;\n        position: absolute;\n        transition: border-color 0.2s ease-in-out;\n        top: 8px;\n        width: 16px;\n        transform: translate(-50%, -50%);\n      }\n    }\n    &:focus-visible + div:after {\n      ", "\n    }\n    &:not([disabled]):hover + div::after {\n      background: ", ";\n      transition: border 0.2s ease-in-out;\n    }\n    &[disabled] + div {\n      opacity: 0.5;\n      cursor: default;\n    }\n    &:checked {\n      + div::after {\n        background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDA1MkNDIj48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n          no-repeat 0 0;\n        background-size: 16px;\n        border: 0;\n        border-color: transparent;\n      }\n      &:not([disabled]):hover + div::after {\n        background: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICA8cmVjdCB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHJ4PSIyIiBmaWxsPSIjMDc0N0E2Ij48L3JlY3Q+DQogIDxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik05LjM3NCA0LjkxNEw1LjQ1NiA4LjgzMmEuNzY5Ljc2OSAwIDAgMS0xLjA4OCAwTDIuNjI2IDcuMDkxYS43NjkuNzY5IDAgMSAxIDEuMDg4LTEuMDg5TDQuOTEyIDcuMmwzLjM3NC0zLjM3NGEuNzY5Ljc2OSAwIDEgMSAxLjA4OCAxLjA4OCI+PC9wYXRoPg0KPC9zdmc+)\n          no-repeat 0 0;\n        background-size: 16px;\n      }\n    }\n  }\n"])), gridSize(), themed({
-  light: token('color.background.input', N0),
-  dark: token('color.background.input', DN100)
-}), themed({
-  light: token('color.border', N90),
-  dark: token('color.border', DN200)
-}), function (props) {
-  return props.isRenderer ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n              outline: 2px solid\n                ", ";\n            "])), themed({
-    light: token('color.border.focused', B300),
-    dark: token('color.border.focused', B75)
-  })) : '';
-}, themed({
-  light: token('color.background.input', N30),
-  dark: token('color.background.input', B75)
-}));

package/dist/types/styled/DecisionItem.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export interface EditorIconWrapperProps {
-    showPlaceholder?: boolean;
-}
-export declare const EditorIconWrapper: ComponentClass<HTMLAttributes<{}> & EditorIconWrapperProps>;

package/dist/types/styled/Item.d.ts

@@ -1,7 +0,0 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare const ContentWrapper: ComponentClass<HTMLAttributes<{}> & {
-    innerRef?: any;
-}>;
-export declare const TaskWrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const DecisionWrapper: ComponentClass<HTMLAttributes<{}>>;
-export declare const ParticipantWrapper: ComponentClass<HTMLAttributes<{}>>;

package/dist/types/styled/ListWrapper.d.ts

@@ -1,4 +0,0 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-declare const TaskListWrapper: ComponentClass<HTMLAttributes<HTMLDivElement>>;
-declare const DecisionListWrapper: ComponentClass<HTMLAttributes<HTMLOListElement>>;
-export { TaskListWrapper, DecisionListWrapper };

package/dist/types/styled/Placeholder.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, ComponentClass } from 'react';
-export declare type PlaceholderProps = {
-    offset: number;
-};
-export declare const Placeholder: ComponentClass<HTMLAttributes<{}> & PlaceholderProps>;

package/dist/types/styled/TaskItem.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes, ClassAttributes } from 'react';
-export declare const CheckBoxWrapper: import("styled-components").StyledComponentClass<ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & {
-    isRenderer: boolean | undefined;
-}, any, ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & {
-    isRenderer: boolean | undefined;
-}>;