@wireapp/react-ui-kit 8.11.3 → 8.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/package.json +2 -2
- package/src/Form/Checkbox.d.ts +1 -1
- package/src/Form/Checkbox.js +4 -16
- package/src/Form/Checkbox.js.map +1 -1
- package/src/Form/Input.js +26 -27
- package/src/Form/Input.js.map +1 -1
- package/src/Form/Select.d.ts +6 -5
- package/src/Form/Select.js +5 -3
- package/src/Form/Select.js.map +1 -1
- package/src/Form/SelectStyles.d.ts +4 -2
- package/src/Form/SelectStyles.js +36 -9
- package/src/Form/SelectStyles.js.map +1 -1
- package/src/Form/ShakeBox.d.ts +1 -1
- package/src/GlobalCssVariables.d.js +2 -0
- package/src/GlobalCssVariables.d.js.map +1 -0
- package/src/GlobalCssVariables.d.ts +7 -0
- package/src/GlobalCssVariables.js +106 -0
- package/src/GlobalCssVariables.js.map +1 -0
- package/src/GlobalStyle.js +7 -3
- package/src/GlobalStyle.js.map +1 -1
- package/src/Layout/Container.d.ts +5 -5
- package/src/Layout/Theme.d.ts +2 -1
- package/src/Layout/Theme.js +41 -1
- package/src/Layout/Theme.js.map +1 -1
- package/src/Text/Link.d.ts +6 -1
- package/src/Text/Link.js +34 -21
- package/src/Text/Link.js.map +1 -1
- package/src/Text/Text.d.ts +6 -6
- package/src/Text/Text.js +1 -1
- package/src/Text/Text.js.map +1 -1
package/src/Form/SelectStyles.js
CHANGED
|
@@ -30,6 +30,7 @@ var customStyles = function customStyles(theme) {
|
|
|
30
30
|
var isDisabled = _ref.isDisabled,
|
|
31
31
|
selectProps = _ref.selectProps;
|
|
32
32
|
var menuIsOpen = selectProps.menuIsOpen;
|
|
33
|
+
var isSelectDisabled = selectProps.isDisabled;
|
|
33
34
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
|
|
34
35
|
disabled: isDisabled,
|
|
35
36
|
markInvalid: markInvalid
|
|
@@ -52,13 +53,13 @@ var customStyles = function customStyles(theme) {
|
|
|
52
53
|
boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
|
|
53
54
|
}), !menuIsOpen && {
|
|
54
55
|
'&:hover': {
|
|
55
|
-
boxShadow: "0 0 0 1px ".concat(theme.Select.borderColor)
|
|
56
|
+
boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.Select.borderColor)
|
|
56
57
|
},
|
|
57
58
|
'&:focus, &:active': {
|
|
58
|
-
boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
|
|
59
|
+
boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.general.primaryColor)
|
|
59
60
|
}
|
|
60
61
|
}), {}, {
|
|
61
|
-
cursor: 'pointer'
|
|
62
|
+
cursor: !isSelectDisabled && 'pointer'
|
|
62
63
|
});
|
|
63
64
|
},
|
|
64
65
|
control: function control() {
|
|
@@ -71,16 +72,26 @@ var customStyles = function customStyles(theme) {
|
|
|
71
72
|
minHeight: '48px'
|
|
72
73
|
};
|
|
73
74
|
},
|
|
75
|
+
dropdownIndicator: function dropdownIndicator(provided, selectProps) {
|
|
76
|
+
var isSelectDisabled = selectProps.isDisabled;
|
|
77
|
+
return _objectSpread(_objectSpread({}, provided), {}, {
|
|
78
|
+
'& > svg': {
|
|
79
|
+
fill: isSelectDisabled && theme.Input.placeholderColor
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
},
|
|
74
83
|
menu: function menu(provided) {
|
|
75
84
|
return _objectSpread(_objectSpread({}, provided), {}, {
|
|
76
85
|
boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor, ", 0 4px 11px hsl(0deg 0% 0% / 10%)"),
|
|
77
86
|
borderRadius: 12,
|
|
78
87
|
marginBottom: 0,
|
|
79
|
-
marginTop: 4
|
|
88
|
+
marginTop: 4,
|
|
89
|
+
overflowY: 'overlay'
|
|
80
90
|
});
|
|
81
91
|
},
|
|
82
92
|
menuList: function menuList(provided) {
|
|
83
93
|
return _objectSpread(_objectSpread({}, provided), {}, {
|
|
94
|
+
borderRadius: 12,
|
|
84
95
|
paddingBottom: 0,
|
|
85
96
|
paddingTop: 0
|
|
86
97
|
});
|
|
@@ -90,15 +101,14 @@ var customStyles = function customStyles(theme) {
|
|
|
90
101
|
isFocused = _ref2.isFocused,
|
|
91
102
|
isSelected = _ref2.isSelected;
|
|
92
103
|
return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
|
|
104
|
+
backgroundColor: theme.Input.backgroundColor,
|
|
105
|
+
color: theme.general.color,
|
|
93
106
|
padding: '10px 18px',
|
|
94
107
|
cursor: isDisabled ? 'not-allowed' : 'pointer',
|
|
95
108
|
fontSize: '16px',
|
|
96
109
|
fontWeight: 300,
|
|
97
110
|
lineHeight: '24px'
|
|
98
|
-
},
|
|
99
|
-
backgroundColor: 'inherit',
|
|
100
|
-
color: 'inherit'
|
|
101
|
-
}), isFocused && {
|
|
111
|
+
}, isFocused && !isDisabled && {
|
|
102
112
|
background: theme.general.primaryColor,
|
|
103
113
|
borderColor: theme.general.primaryColor,
|
|
104
114
|
color: theme.Select.contrastTextColor
|
|
@@ -107,7 +117,18 @@ var customStyles = function customStyles(theme) {
|
|
|
107
117
|
background: theme.general.primaryColor,
|
|
108
118
|
borderColor: theme.general.primaryColor,
|
|
109
119
|
color: theme.Select.contrastTextColor
|
|
110
|
-
}
|
|
120
|
+
}
|
|
121
|
+
}, isDisabled && _objectSpread({
|
|
122
|
+
backgroundColor: theme.Input.backgroundColorDisabled,
|
|
123
|
+
color: theme.Select.disabledColor,
|
|
124
|
+
'&:hover, &:active, &:focus': {
|
|
125
|
+
backgroundColor: theme.Select.borderColor,
|
|
126
|
+
color: theme.Select.disabledColor
|
|
127
|
+
}
|
|
128
|
+
}, isFocused && {
|
|
129
|
+
backgroundColor: theme.Select.borderColor,
|
|
130
|
+
color: theme.Select.disabledColor
|
|
131
|
+
})), {}, {
|
|
111
132
|
'&:not(:last-of-type)': {
|
|
112
133
|
borderBottom: "1px solid ".concat(theme.Select.borderColor)
|
|
113
134
|
},
|
|
@@ -125,6 +146,12 @@ var customStyles = function customStyles(theme) {
|
|
|
125
146
|
width: '100%',
|
|
126
147
|
display: 'grid'
|
|
127
148
|
});
|
|
149
|
+
},
|
|
150
|
+
singleValue: function singleValue(provided, selectProps) {
|
|
151
|
+
var isSelectDisabled = selectProps.isDisabled;
|
|
152
|
+
return _objectSpread(_objectSpread({}, provided), {}, {
|
|
153
|
+
color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color
|
|
154
|
+
});
|
|
128
155
|
}
|
|
129
156
|
};
|
|
130
157
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","borderColor","control","alignItems","appearance","menu","borderRadius","marginBottom","marginTop","menuList","paddingBottom","paddingTop","option","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","contrastTextColor","borderBottom","valueContainer","width"],"mappings":";;;;;;;;;;;AAoBA;;;;;;AAEO,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD;AAAA,MAAeC,WAAf,uEAA6B,KAA7B;AAAA,SAAwC;AAClEC,IAAAA,kBAAkB,EAAE;AAAA,aAAO;AACzBC,QAAAA,OAAO,EAAE;AADgB,OAAP;AAAA,KAD8C;AAIlEC,IAAAA,mBAAmB,EAAE,6BAAAC,QAAQ;AAAA,+BACxBA,QADwB;AAAA,KAJqC;AAOlEC,IAAAA,SAAS,EAAE,mBAACD,QAAD,QAAyC;AAAA,UAA7BE,UAA6B,QAA7BA,UAA6B;AAAA,UAAjBC,WAAiB,QAAjBA,WAAiB;AAClD,UAAOC,UAAP,GAAqBD,WAArB,CAAOC,UAAP;AAEA,qGACK,
|
|
1
|
+
{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","borderColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","contrastTextColor","borderBottom","valueContainer","width","singleValue"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n indicatorSeparator: () => ({\n display: 'none',\n }),\n indicatorsContainer: provided => ({\n ...provided,\n }),\n container: (provided, {isDisabled, selectProps}) => {\n const {menuIsOpen} = selectProps;\n const isSelectDisabled = selectProps.isDisabled;\n\n return {\n ...inputStyle(theme, {disabled: isDisabled, markInvalid}),\n padding: 0,\n height: 'auto',\n minHeight: '48px',\n '&:-moz-focusring': {\n color: 'transparent',\n textShadow: '0 0 0 #000',\n },\n position: 'relative',\n ...(isDisabled && {\n backgroundColor: theme.Input.backgroundColorDisabled,\n color: theme.Select.disabledColor,\n cursor: 'default',\n }),\n ...(markInvalid && {\n boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n }),\n ...(menuIsOpen && {\n boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n }),\n ...(!menuIsOpen && {\n '&:hover': {\n boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.Select.borderColor}`,\n },\n '&:focus, &:active': {\n boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n },\n }),\n cursor: !isSelectDisabled && 'pointer',\n };\n },\n control: () => ({\n display: 'flex',\n alignItems: 'center',\n appearance: 'none',\n padding: '0 8px 0 16px',\n height: 'auto',\n minHeight: '48px',\n }),\n dropdownIndicator: (provided, selectProps) => {\n const isSelectDisabled = selectProps.isDisabled;\n return {\n ...provided,\n '& > svg': {\n fill: isSelectDisabled && theme.Input.placeholderColor,\n },\n };\n },\n menu: provided => ({\n ...provided,\n boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n borderRadius: 12,\n marginBottom: 0,\n marginTop: 4,\n overflowY: 'overlay',\n }),\n menuList: provided => ({\n ...provided,\n borderRadius: 12,\n paddingBottom: 0,\n paddingTop: 0,\n }),\n option: (provided, {isDisabled, isFocused, isSelected}) => ({\n ...provided,\n backgroundColor: theme.Input.backgroundColor,\n color: theme.general.color,\n padding: '10px 18px',\n cursor: isDisabled ? 'not-allowed' : 'pointer',\n fontSize: '16px',\n fontWeight: 300,\n lineHeight: '24px',\n ...(isFocused &&\n !isDisabled && {\n background: theme.general.primaryColor,\n borderColor: theme.general.primaryColor,\n color: theme.Select.contrastTextColor,\n }),\n '&:hover, &:active, &:focus': {\n background: theme.general.primaryColor,\n borderColor: theme.general.primaryColor,\n color: theme.Select.contrastTextColor,\n },\n ...(isDisabled && {\n backgroundColor: theme.Input.backgroundColorDisabled,\n color: theme.Select.disabledColor,\n '&:hover, &:active, &:focus': {\n backgroundColor: theme.Select.borderColor,\n color: theme.Select.disabledColor,\n },\n ...(isFocused && {\n backgroundColor: theme.Select.borderColor,\n color: theme.Select.disabledColor,\n }),\n }),\n '&:not(:last-of-type)': {\n borderBottom: `1px solid ${theme.Select.borderColor}`,\n },\n '&:first-of-type': {\n borderRadius: '12px 12px 0 0',\n },\n '&:last-of-type': {\n borderRadius: '0 0 12px 12px',\n },\n }),\n valueContainer: provided => ({\n ...provided,\n padding: 0,\n width: '100%',\n display: 'grid',\n }),\n singleValue: (provided, selectProps) => {\n const isSelectDisabled = selectProps.isDisabled;\n return {\n ...provided,\n color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n };\n },\n});\n"],"file":"SelectStyles.js"}
|
package/src/Form/ShakeBox.d.ts
CHANGED
|
@@ -8,4 +8,4 @@ export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
8
8
|
export interface ShakeBoxRef {
|
|
9
9
|
shake: () => void;
|
|
10
10
|
}
|
|
11
|
-
export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "
|
|
11
|
+
export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "step" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "target" | "type" | "useMap" | "wmode" | "wrap" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"GlobalCssVariables.d.js"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.GlobalCssVariables = void 0;
|
|
7
|
+
|
|
8
|
+
var _Identity = require("./Identity");
|
|
9
|
+
|
|
10
|
+
/*
|
|
11
|
+
* Wire
|
|
12
|
+
* Copyright (C) 2022 Wire Swiss GmbH
|
|
13
|
+
*
|
|
14
|
+
* This program is free software: you can redistribute it and/or modify
|
|
15
|
+
* it under the terms of the GNU General Public License as published by
|
|
16
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
17
|
+
* (at your option) any later version.
|
|
18
|
+
*
|
|
19
|
+
* This program is distributed in the hope that it will be useful,
|
|
20
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
21
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
22
|
+
* GNU General Public License for more details.
|
|
23
|
+
*
|
|
24
|
+
* You should have received a copy of the GNU General Public License
|
|
25
|
+
* along with this program. If not, see http://www.gnu.org/licenses/.
|
|
26
|
+
*
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
/** @jsx jsx */
|
|
30
|
+
var light = function light() {
|
|
31
|
+
return {
|
|
32
|
+
// Checkbox
|
|
33
|
+
'--checkbox-background': _Identity.COLOR_V2.GRAY_20,
|
|
34
|
+
'--checkbox-background-disabled': _Identity.COLOR_V2.GRAY_10,
|
|
35
|
+
'--checkbox-background-disabled-selected': _Identity.COLOR_V2.GRAY_60,
|
|
36
|
+
'--checkbox-border': _Identity.COLOR_V2.GRAY_80,
|
|
37
|
+
'--checkbox-border-disabled': _Identity.COLOR_V2.GRAY_70,
|
|
38
|
+
// Icon Button
|
|
39
|
+
'--icon-button-primary-enabled-bg': _Identity.COLOR.WHITE,
|
|
40
|
+
'--icon-button-primary-hover-bg': _Identity.COLOR_V2.GRAY_20,
|
|
41
|
+
'--icon-button-primary-border': _Identity.COLOR_V2.GRAY_40,
|
|
42
|
+
'--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_20,
|
|
43
|
+
'--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_40,
|
|
44
|
+
'--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_50,
|
|
45
|
+
// Inputs
|
|
46
|
+
'--text-input-background': _Identity.COLOR.WHITE,
|
|
47
|
+
'--text-input-border': _Identity.COLOR_V2.GRAY_40,
|
|
48
|
+
'--text-input-border-hover': _Identity.COLOR_V2.GRAY_60,
|
|
49
|
+
'--text-input-placeholder': _Identity.COLOR_V2.GRAY_70,
|
|
50
|
+
'--text-input-disabled': _Identity.COLOR_V2.GRAY_20,
|
|
51
|
+
'--text-input-label': _Identity.COLOR_V2.GRAY_80,
|
|
52
|
+
// General
|
|
53
|
+
'--danger-color': _Identity.COLOR_V2.RED_LIGHT_500,
|
|
54
|
+
'--app-bg': _Identity.COLOR_V2.GRAY_10,
|
|
55
|
+
'--main-color': _Identity.COLOR.BLACK
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
var dark = function dark() {
|
|
60
|
+
return {
|
|
61
|
+
// Checkbox
|
|
62
|
+
'--checkbox-background': _Identity.COLOR_V2.GRAY_90,
|
|
63
|
+
'--checkbox-background-disabled': _Identity.COLOR_V2.GRAY_90,
|
|
64
|
+
'--checkbox-background-disabled-selected': _Identity.COLOR_V2.GRAY_80,
|
|
65
|
+
'--checkbox-border': _Identity.COLOR_V2.GRAY_60,
|
|
66
|
+
'--checkbox-border-disabled': _Identity.COLOR_V2.GRAY_60,
|
|
67
|
+
// Icon Button
|
|
68
|
+
'--icon-button-primary-enabled-bg': _Identity.COLOR_V2.GRAY_90,
|
|
69
|
+
'--icon-button-primary-hover-bg': _Identity.COLOR_V2.GRAY_80,
|
|
70
|
+
'--icon-button-primary-border': _Identity.COLOR_V2.GRAY_100,
|
|
71
|
+
'--icon-button-primary-disabled-bg': _Identity.COLOR_V2.GRAY_95,
|
|
72
|
+
'--icon-button-primary-disabled-border': _Identity.COLOR_V2.GRAY_90,
|
|
73
|
+
'--icon-button-primary-hover-border': _Identity.COLOR_V2.GRAY_70,
|
|
74
|
+
// Inputs
|
|
75
|
+
'--text-input-background': _Identity.COLOR.BLACK,
|
|
76
|
+
'--text-input-border': _Identity.COLOR_V2.GRAY_80,
|
|
77
|
+
'--text-input-border-hover': _Identity.COLOR_V2.GRAY_40,
|
|
78
|
+
'--text-input-placeholder': _Identity.COLOR_V2.GRAY_60,
|
|
79
|
+
'--text-input-disabled': _Identity.COLOR_V2.GRAY_100,
|
|
80
|
+
'--text-input-label': _Identity.COLOR_V2.GRAY_40,
|
|
81
|
+
// General
|
|
82
|
+
'--danger-color': _Identity.COLOR_V2.RED_DARK_500,
|
|
83
|
+
'--app-bg': _Identity.COLOR_V2.GRAY_95,
|
|
84
|
+
'--main-color': _Identity.COLOR.WHITE
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
var accentColors = function accentColors() {
|
|
89
|
+
return {
|
|
90
|
+
'--accent-color': _Identity.COLOR_V2.BLUE_LIGHT_500,
|
|
91
|
+
'--accent-color-highlight': _Identity.COLOR_V2.BLUE_LIGHT_50,
|
|
92
|
+
'--accent-color-highlight-inversed': _Identity.COLOR_V2.BLUE_LIGHT_800,
|
|
93
|
+
'--accent-color-border': _Identity.COLOR_V2.BLUE_LIGHT_500,
|
|
94
|
+
'--accent-color-focus': _Identity.COLOR_V2.BLUE_LIGHT_400,
|
|
95
|
+
'--icon-primary-active-fill': _Identity.COLOR_V2.BLUE_LIGHT_500,
|
|
96
|
+
'--icon-secondary-active-border': 'transparent'
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
var GlobalCssVariables = {
|
|
101
|
+
light: light,
|
|
102
|
+
dark: dark,
|
|
103
|
+
accentColors: accentColors
|
|
104
|
+
};
|
|
105
|
+
exports.GlobalCssVariables = GlobalCssVariables;
|
|
106
|
+
//# sourceMappingURL=GlobalCssVariables.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["GlobalCssVariables.tsx"],"names":["light","COLOR_V2","GRAY_20","GRAY_10","GRAY_60","GRAY_80","GRAY_70","COLOR","WHITE","GRAY_40","GRAY_50","RED_LIGHT_500","BLACK","dark","GRAY_90","GRAY_100","GRAY_95","RED_DARK_500","accentColors","BLUE_LIGHT_500","BLUE_LIGHT_50","BLUE_LIGHT_800","BLUE_LIGHT_400","GlobalCssVariables"],"mappings":";;;;;;;AAqBA;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAIA,IAAMA,KAAsB,GAAG,SAAzBA,KAAyB;AAAA,SAAO;AACpC;AACA,6BAAyBC,mBAASC,OAFE;AAGpC,sCAAkCD,mBAASE,OAHP;AAIpC,+CAA2CF,mBAASG,OAJhB;AAKpC,yBAAqBH,mBAASI,OALM;AAMpC,kCAA8BJ,mBAASK,OANH;AAQpC;AACA,wCAAoCC,gBAAMC,KATN;AAUpC,sCAAkCP,mBAASC,OAVP;AAWpC,oCAAgCD,mBAASQ,OAXL;AAYpC,yCAAqCR,mBAASC,OAZV;AAapC,6CAAyCD,mBAASQ,OAbd;AAcpC,0CAAsCR,mBAASS,OAdX;AAgBpC;AACA,+BAA2BH,gBAAMC,KAjBG;AAkBpC,2BAAuBP,mBAASQ,OAlBI;AAmBpC,iCAA6BR,mBAASG,OAnBF;AAoBpC,gCAA4BH,mBAASK,OApBD;AAqBpC,6BAAyBL,mBAASC,OArBE;AAsBpC,0BAAsBD,mBAASI,OAtBK;AAwBpC;AACA,sBAAkBJ,mBAASU,aAzBS;AA0BpC,gBAAYV,mBAASE,OA1Be;AA2BpC,oBAAgBI,gBAAMK;AA3Bc,GAAP;AAAA,CAA/B;;AA8BA,IAAMC,IAAqB,GAAG,SAAxBA,IAAwB;AAAA,SAAO;AACnC;AACA,6BAAyBZ,mBAASa,OAFC;AAGnC,sCAAkCb,mBAASa,OAHR;AAInC,+CAA2Cb,mBAASI,OAJjB;AAKnC,yBAAqBJ,mBAASG,OALK;AAMnC,kCAA8BH,mBAASG,OANJ;AAQnC;AACA,wCAAoCH,mBAASa,OATV;AAUnC,sCAAkCb,mBAASI,OAVR;AAWnC,oCAAgCJ,mBAASc,QAXN;AAYnC,yCAAqCd,mBAASe,OAZX;AAanC,6CAAyCf,mBAASa,OAbf;AAcnC,0CAAsCb,mBAASK,OAdZ;AAgBnC;AACA,+BAA2BC,gBAAMK,KAjBE;AAkBnC,2BAAuBX,mBAASI,OAlBG;AAmBnC,iCAA6BJ,mBAASQ,OAnBH;AAoBnC,gCAA4BR,mBAASG,OApBF;AAqBnC,6BAAyBH,mBAASc,QArBC;AAsBnC,0BAAsBd,mBAASQ,OAtBI;AAwBnC;AACA,sBAAkBR,mBAASgB,YAzBQ;AA0BnC,gBAAYhB,mBAASe,OA1Bc;AA2BnC,oBAAgBT,gBAAMC;AA3Ba,GAAP;AAAA,CAA9B;;AA8BA,IAAMU,YAA6B,GAAG,SAAhCA,YAAgC;AAAA,SAAO;AAC3C,sBAAkBjB,mBAASkB,cADgB;AAE3C,gCAA4BlB,mBAASmB,aAFM;AAG3C,yCAAqCnB,mBAASoB,cAHH;AAI3C,6BAAyBpB,mBAASkB,cAJS;AAK3C,4BAAwBlB,mBAASqB,cALU;AAM3C,kCAA8BrB,mBAASkB,cANI;AAO3C,sCAAkC;AAPS,GAAP;AAAA,CAAtC;;AAUO,IAAMI,kBAAkB,GAAG;AAChCvB,EAAAA,KAAK,EAALA,KADgC;AAEhCa,EAAAA,IAAI,EAAJA,IAFgC;AAGhCK,EAAAA,YAAY,EAAZA;AAHgC,CAA3B","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject} from '@emotion/react';\nimport {COLOR, COLOR_V2} from './Identity';\n\nconst light: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_20,\n '--checkbox-background-disabled': COLOR_V2.GRAY_10,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_60,\n '--checkbox-border': COLOR_V2.GRAY_80,\n '--checkbox-border-disabled': COLOR_V2.GRAY_70,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR.WHITE,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_20,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_40,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_50,\n\n // Inputs\n '--text-input-background': COLOR.WHITE,\n '--text-input-border': COLOR_V2.GRAY_40,\n '--text-input-border-hover': COLOR_V2.GRAY_60,\n '--text-input-placeholder': COLOR_V2.GRAY_70,\n '--text-input-disabled': COLOR_V2.GRAY_20,\n '--text-input-label': COLOR_V2.GRAY_80,\n\n // General\n '--danger-color': COLOR_V2.RED_LIGHT_500,\n '--app-bg': COLOR_V2.GRAY_10,\n '--main-color': COLOR.BLACK,\n});\n\nconst dark: () => CSSObject = () => ({\n // Checkbox\n '--checkbox-background': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled': COLOR_V2.GRAY_90,\n '--checkbox-background-disabled-selected': COLOR_V2.GRAY_80,\n '--checkbox-border': COLOR_V2.GRAY_60,\n '--checkbox-border-disabled': COLOR_V2.GRAY_60,\n\n // Icon Button\n '--icon-button-primary-enabled-bg': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-bg': COLOR_V2.GRAY_80,\n '--icon-button-primary-border': COLOR_V2.GRAY_100,\n '--icon-button-primary-disabled-bg': COLOR_V2.GRAY_95,\n '--icon-button-primary-disabled-border': COLOR_V2.GRAY_90,\n '--icon-button-primary-hover-border': COLOR_V2.GRAY_70,\n\n // Inputs\n '--text-input-background': COLOR.BLACK,\n '--text-input-border': COLOR_V2.GRAY_80,\n '--text-input-border-hover': COLOR_V2.GRAY_40,\n '--text-input-placeholder': COLOR_V2.GRAY_60,\n '--text-input-disabled': COLOR_V2.GRAY_100,\n '--text-input-label': COLOR_V2.GRAY_40,\n\n // General\n '--danger-color': COLOR_V2.RED_DARK_500,\n '--app-bg': COLOR_V2.GRAY_95,\n '--main-color': COLOR.WHITE,\n});\n\nconst accentColors: () => CSSObject = () => ({\n '--accent-color': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-highlight': COLOR_V2.BLUE_LIGHT_50,\n '--accent-color-highlight-inversed': COLOR_V2.BLUE_LIGHT_800,\n '--accent-color-border': COLOR_V2.BLUE_LIGHT_500,\n '--accent-color-focus': COLOR_V2.BLUE_LIGHT_400,\n '--icon-primary-active-fill': COLOR_V2.BLUE_LIGHT_500,\n '--icon-secondary-active-border': 'transparent',\n});\n\nexport const GlobalCssVariables = {\n light,\n dark,\n accentColors,\n};\n"],"file":"GlobalCssVariables.js"}
|
package/src/GlobalStyle.js
CHANGED
|
@@ -13,6 +13,8 @@ var _react = require("@emotion/react");
|
|
|
13
13
|
|
|
14
14
|
var _emotionNormalize = _interopRequireDefault(require("emotion-normalize"));
|
|
15
15
|
|
|
16
|
+
var _GlobalCssVariables = require("./GlobalCssVariables");
|
|
17
|
+
|
|
16
18
|
var _TextLink = require("./Text/TextLink");
|
|
17
19
|
|
|
18
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -28,7 +30,7 @@ var globalStyles = function globalStyles(theme) {
|
|
|
28
30
|
'b, strong': {
|
|
29
31
|
fontWeight: 600
|
|
30
32
|
},
|
|
31
|
-
body: {
|
|
33
|
+
body: _objectSpread(_objectSpread({}, _GlobalCssVariables.GlobalCssVariables.accentColors()), {}, {
|
|
32
34
|
MozOsxFontSmoothing: 'grayscale',
|
|
33
35
|
WebkitFontSmoothing: 'antialiased',
|
|
34
36
|
background: theme.general.backgroundColor,
|
|
@@ -40,7 +42,9 @@ var globalStyles = function globalStyles(theme) {
|
|
|
40
42
|
lineHeight: 1.5,
|
|
41
43
|
minHeight: '100vh',
|
|
42
44
|
transition: 'background 0.15s'
|
|
43
|
-
},
|
|
45
|
+
}),
|
|
46
|
+
'body, body.theme-default': _objectSpread({}, _GlobalCssVariables.GlobalCssVariables.light()),
|
|
47
|
+
'body.theme-dark': _objectSpread({}, _GlobalCssVariables.GlobalCssVariables.dark()),
|
|
44
48
|
html: {
|
|
45
49
|
background: theme.general.backgroundColor,
|
|
46
50
|
transition: 'background 0.15s'
|
|
@@ -52,7 +56,7 @@ var globalStyles = function globalStyles(theme) {
|
|
|
52
56
|
};
|
|
53
57
|
|
|
54
58
|
var globalStyle = function globalStyle(theme) {
|
|
55
|
-
return /*#__PURE__*/(0, _react.css)(_emotionNormalize["default"], " ", globalStyles(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
59
|
+
return /*#__PURE__*/(0, _react.css)(_emotionNormalize["default"], " ", globalStyles(theme), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdsb2JhbFN0eWxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRXlDIiwiZmlsZSI6Ikdsb2JhbFN0eWxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7R2xvYmFsLCBDU1NPYmplY3QsIGNzcywganN4LCB3aXRoVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCB7R2xvYmFsQ3NzVmFyaWFibGVzfSBmcm9tICcuL0dsb2JhbENzc1ZhcmlhYmxlcyc7XG5cbmltcG9ydCB0eXBlIHtUaGVtZX0gZnJvbSAnLi9MYXlvdXQnO1xuaW1wb3J0IHt0ZXh0TGlua1N0eWxlfSBmcm9tICcuL1RleHQvVGV4dExpbmsnO1xuXG5jb25zdCBnbG9iYWxTdHlsZXM6ICh0aGVtZTogVGhlbWUpID0+IENTU09iamVjdCA9ICh0aGVtZTogVGhlbWUpID0+ICh7XG4gICcqJzoge1xuICAgIGJveFNpemluZzogJ2JvcmRlci1ib3gnLFxuICB9LFxuICBhOiB7XG4gICAgLi4udGV4dExpbmtTdHlsZSh0aGVtZSwge30pLFxuICB9LFxuICAnYiwgc3Ryb25nJzoge1xuICAgIGZvbnRXZWlnaHQ6IDYwMCxcbiAgfSxcbiAgYm9keToge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5hY2NlbnRDb2xvcnMoKSxcbiAgICBNb3pPc3hGb250U21vb3RoaW5nOiAnZ3JheXNjYWxlJyxcbiAgICBXZWJraXRGb250U21vb3RoaW5nOiAnYW50aWFsaWFzZWQnLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBmb250RmFtaWx5OiAnLWFwcGxlLXN5c3RlbSwgQmxpbmtNYWNTeXN0ZW1Gb250LCBTZWdvZSBVSSwgUm9ib3RvLCBIZWx2ZXRpY2EgTmV1ZSwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZicsXG4gICAgZm9udFdlaWdodDogMzAwLFxuICAgIGxpbmVIZWlnaHQ6IDEuNSxcbiAgICBtaW5IZWlnaHQ6ICcxMDB2aCcsXG4gICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQgMC4xNXMnLFxuICB9LFxuICAnYm9keSwgYm9keS50aGVtZS1kZWZhdWx0Jzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5saWdodCgpLFxuICB9LFxuICAnYm9keS50aGVtZS1kYXJrJzoge1xuICAgIC4uLkdsb2JhbENzc1ZhcmlhYmxlcy5kYXJrKCksXG4gIH0sXG4gIGh0bWw6IHtcbiAgICBiYWNrZ3JvdW5kOiB0aGVtZS5nZW5lcmFsLmJhY2tncm91bmRDb2xvcixcbiAgICB0cmFuc2l0aW9uOiAnYmFja2dyb3VuZCAwLjE1cycsXG4gIH0sXG4gIHA6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gIH0sXG59KTtcblxuY29uc3QgZ2xvYmFsU3R5bGUgPSAodGhlbWU6IFRoZW1lKSA9PiBjc3NgXG4gICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgJHtnbG9iYWxTdHlsZXModGhlbWUpfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlID0gd2l0aFRoZW1lKCh7dGhlbWV9OiB7dGhlbWU6IFRoZW1lfSkgPT4ge1xuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e2dsb2JhbFN0eWxlKHRoZW1lKX0gLz47XG59KTtcbiJdfQ== */");
|
|
56
60
|
};
|
|
57
61
|
|
|
58
62
|
var GlobalStyle = (0, _react.withTheme)(function (_ref) {
|
package/src/GlobalStyle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["GlobalStyle.tsx"],"names":["globalStyles","theme","boxSizing","a","fontWeight","body","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AAGA;;;;;;AAEA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD;AAAA,SAAmB;AACnE,SAAK;AACHC,MAAAA,SAAS,EAAE;AADR,KAD8D;AAInEC,IAAAA,CAAC,oBACI,6BAAcF,KAAd,EAAqB,EAArB,CADJ,CAJkE;AAOnE,iBAAa;AACXG,MAAAA,UAAU,EAAE;AADD,KAPsD;AAUnEC,IAAAA,IAAI,
|
|
1
|
+
{"version":3,"sources":["GlobalStyle.tsx"],"names":["globalStyles","theme","boxSizing","a","fontWeight","body","GlobalCssVariables","accentColors","MozOsxFontSmoothing","WebkitFontSmoothing","background","general","backgroundColor","color","display","flexDirection","fontFamily","lineHeight","minHeight","transition","light","dark","html","p","marginTop","globalStyle","css","emotionNormalize","GlobalStyle"],"mappings":";;;;;;;;;;;AAoBA;;AACA;;AACA;;AAGA;;;;;;AAEA,IAAMA,YAAyC,GAAG,SAA5CA,YAA4C,CAACC,KAAD;AAAA,SAAmB;AACnE,SAAK;AACHC,MAAAA,SAAS,EAAE;AADR,KAD8D;AAInEC,IAAAA,CAAC,oBACI,6BAAcF,KAAd,EAAqB,EAArB,CADJ,CAJkE;AAOnE,iBAAa;AACXG,MAAAA,UAAU,EAAE;AADD,KAPsD;AAUnEC,IAAAA,IAAI,kCACCC,uCAAmBC,YAAnB,EADD;AAEFC,MAAAA,mBAAmB,EAAE,WAFnB;AAGFC,MAAAA,mBAAmB,EAAE,aAHnB;AAIFC,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,eAJxB;AAKFC,MAAAA,KAAK,EAAEZ,KAAK,CAACU,OAAN,CAAcE,KALnB;AAMFC,MAAAA,OAAO,EAAE,MANP;AAOFC,MAAAA,aAAa,EAAE,QAPb;AAQFC,MAAAA,UAAU,EAAE,mGARV;AASFZ,MAAAA,UAAU,EAAE,GATV;AAUFa,MAAAA,UAAU,EAAE,GAVV;AAWFC,MAAAA,SAAS,EAAE,OAXT;AAYFC,MAAAA,UAAU,EAAE;AAZV,MAV+D;AAwBnE,kDACKb,uCAAmBc,KAAnB,EADL,CAxBmE;AA2BnE,yCACKd,uCAAmBe,IAAnB,EADL,CA3BmE;AA8BnEC,IAAAA,IAAI,EAAE;AACJZ,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,eADtB;AAEJO,MAAAA,UAAU,EAAE;AAFR,KA9B6D;AAkCnEI,IAAAA,CAAC,EAAE;AACDC,MAAAA,SAAS,EAAE;AADV;AAlCgE,GAAnB;AAAA,CAAlD;;AAuCA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACxB,KAAD;AAAA,0BAAkByB,UAAlB,EAChBC,4BADgB,OAEhB3B,YAAY,CAACC,KAAD,CAFI;AAAA,CAApB;;AAKO,IAAM2B,WAAW,GAAG,sBAAU,gBAA6B;AAAA,MAA3B3B,KAA2B,QAA3BA,KAA2B;AAChE,SAAO,gBAAC,aAAD;AAAQ,IAAA,MAAM,EAAEwB,WAAW,CAACxB,KAAD;AAA3B,IAAP;AACD,CAF0B,CAApB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {Global, CSSObject, css, jsx, withTheme} from '@emotion/react';\nimport emotionNormalize from 'emotion-normalize';\nimport {GlobalCssVariables} from './GlobalCssVariables';\n\nimport type {Theme} from './Layout';\nimport {textLinkStyle} from './Text/TextLink';\n\nconst globalStyles: (theme: Theme) => CSSObject = (theme: Theme) => ({\n '*': {\n boxSizing: 'border-box',\n },\n a: {\n ...textLinkStyle(theme, {}),\n },\n 'b, strong': {\n fontWeight: 600,\n },\n body: {\n ...GlobalCssVariables.accentColors(),\n MozOsxFontSmoothing: 'grayscale',\n WebkitFontSmoothing: 'antialiased',\n background: theme.general.backgroundColor,\n color: theme.general.color,\n display: 'flex',\n flexDirection: 'column',\n fontFamily: '-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif',\n fontWeight: 300,\n lineHeight: 1.5,\n minHeight: '100vh',\n transition: 'background 0.15s',\n },\n 'body, body.theme-default': {\n ...GlobalCssVariables.light(),\n },\n 'body.theme-dark': {\n ...GlobalCssVariables.dark(),\n },\n html: {\n background: theme.general.backgroundColor,\n transition: 'background 0.15s',\n },\n p: {\n marginTop: 0,\n },\n});\n\nconst globalStyle = (theme: Theme) => css`\n ${emotionNormalize}\n ${globalStyles(theme)}\n`;\n\nexport const GlobalStyle = withTheme(({theme}: {theme: Theme}) => {\n return <Global styles={globalStyle(theme)} />;\n});\n"],"file":"GlobalStyle.js"}
|