@kvdbil/components 17.12.0 → 17.12.1
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.
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import{jsx as l,jsxs as $}from"react/jsx-runtime";import a from"styled-components";import k from"../../icons/components/CloseIcon.js";import{
|
|
1
|
+
import{jsx as l,jsxs as $}from"react/jsx-runtime";import a from"styled-components";import k from"../../icons/components/CloseIcon.js";import{getCursorType as b,getBackgroundColor as C,getColor as D,getBorderColor as z,getFontSize as B,getHoverBorderColor as w,getHoverBackgroundColor as H,getHoverColor as j,getActiveBackgroundColor as m,getActiveBorderColor as A,getActiveColor as W,getSufixHoverBackgroundColor as F}from"./styles.js";import"../../utils/utils.js";const I={small:"2px 16px",regular:"3px 16px",large:"7px 16px"},P=a.div`
|
|
2
2
|
font-family: ${({theme:e})=>e.typography.fontBaseFamily};
|
|
3
|
-
font-size: ${({size:e})=>
|
|
3
|
+
font-size: ${({size:e})=>B(e)};
|
|
4
4
|
font-weight: ${({theme:e})=>e.typography.fontBaseBoldWeight};
|
|
5
5
|
line-height: 1.25;
|
|
6
6
|
letter-spacing: 0.1px;
|
|
7
7
|
display: inline-flex;
|
|
8
8
|
cursor: ${b};
|
|
9
9
|
align-items: center;
|
|
10
|
-
background: ${
|
|
11
|
-
color: ${
|
|
10
|
+
background: ${C};
|
|
11
|
+
color: ${D};
|
|
12
12
|
justify-content: center;
|
|
13
13
|
border-width: 1px;
|
|
14
14
|
border-style: solid;
|
|
15
|
-
border-color: ${
|
|
15
|
+
border-color: ${z};
|
|
16
16
|
border-radius: 1.293rem;
|
|
17
17
|
padding: ${({size:e,isDeletable:n})=>n?"0 0.5rem 0 1rem":I[e]};
|
|
18
18
|
transition:
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{jsx as i,jsxs as F,Fragment as v}from"react/jsx-runtime";import{Status as I,CaptionLink as W,Caption2 as z,Caption as U,BodyText as _,BodyLink as j}from"../../typography/BodyText/index.js";import h,{css as H}from"styled-components";import f from"../../theme.js";import{Display3 as R,Display2 as G,Display1 as J,TinyTitleBold as K,TinyTitleRegular as M,Subtitle as O,Title as P,Headline as V}from"../../typography/Heading/index.js";import{Button as q}from"../Button/index.js";import{Link as A}from"react-router-dom";import"../../shared/media-queries.js";import"react";import"../Spinner/index.js";import"../../utils/utils.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";const m=H`
|
|
2
2
|
text-decoration: ${({$withUnderline:n})=>n?`underline ${f.colors.info.dark}`:"none"};
|
|
3
3
|
|
|
4
4
|
span {
|
package/package.json
CHANGED