@mirohq/design-system-base-text-field 0.3.0-new-focus-keyboard.0 → 1.0.0-v1.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/dist/main.js +9 -32
- package/dist/main.js.map +1 -1
- package/dist/module.js +9 -32
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -27
- package/package.json +2 -2
package/dist/main.js
CHANGED
|
@@ -16,7 +16,7 @@ const actionButtonStyles = {
|
|
|
16
16
|
"--svg-stroke-width": "$stroke-width$thin"
|
|
17
17
|
},
|
|
18
18
|
...designSystemStyles.focus.css({
|
|
19
|
-
boxShadow: "$focus
|
|
19
|
+
boxShadow: "$focus"
|
|
20
20
|
}),
|
|
21
21
|
"&:hover": {
|
|
22
22
|
backgroundColor: "$background-neutrals-subtle-hover"
|
|
@@ -30,25 +30,24 @@ const textFieldStyles = {
|
|
|
30
30
|
idle: {
|
|
31
31
|
boxSizing: "border-box",
|
|
32
32
|
width: "100%",
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
border: "1.5px solid $border-neutrals",
|
|
34
|
+
fontSize: "$175",
|
|
35
|
+
lineHeight: "$400",
|
|
35
36
|
color: "$text-neutrals",
|
|
36
37
|
background: "$background-neutrals-container",
|
|
37
|
-
border: "1px solid $border-neutrals",
|
|
38
38
|
borderRadius: "$50"
|
|
39
39
|
},
|
|
40
40
|
focused: {
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
outline: "Highlight solid"
|
|
44
|
-
}
|
|
41
|
+
boxShadow: "$focus",
|
|
42
|
+
borderColor: "$border-primary-selected"
|
|
45
43
|
},
|
|
46
44
|
hovered: {
|
|
47
45
|
borderColor: "$border-primary-hover"
|
|
48
46
|
},
|
|
49
47
|
readOnly: {
|
|
50
48
|
background: "$background-neutrals-disabled",
|
|
51
|
-
|
|
49
|
+
borderColor: "transparent",
|
|
50
|
+
color: "$text-neutrals"
|
|
52
51
|
},
|
|
53
52
|
disabled: {
|
|
54
53
|
background: "$background-neutrals-disabled",
|
|
@@ -58,9 +57,6 @@ const textFieldStyles = {
|
|
|
58
57
|
idle: {
|
|
59
58
|
borderColor: "$border-danger"
|
|
60
59
|
},
|
|
61
|
-
focused: {
|
|
62
|
-
borderColor: "$border-primary-selected"
|
|
63
|
-
},
|
|
64
60
|
hovered: {
|
|
65
61
|
borderColor: "$border-danger-hover"
|
|
66
62
|
}
|
|
@@ -69,9 +65,6 @@ const textFieldStyles = {
|
|
|
69
65
|
idle: {
|
|
70
66
|
borderColor: "$border-success"
|
|
71
67
|
},
|
|
72
|
-
focused: {
|
|
73
|
-
borderColor: "$border-primary-selected"
|
|
74
|
-
},
|
|
75
68
|
hovered: {
|
|
76
69
|
borderColor: "$border-success-hover"
|
|
77
70
|
}
|
|
@@ -79,12 +72,7 @@ const textFieldStyles = {
|
|
|
79
72
|
},
|
|
80
73
|
base: {
|
|
81
74
|
placeholder: {
|
|
82
|
-
|
|
83
|
-
color: "$text-neutrals-subtle"
|
|
84
|
-
},
|
|
85
|
-
v1: {
|
|
86
|
-
color: "$text-neutrals-placeholder"
|
|
87
|
-
}
|
|
75
|
+
color: "$text-neutrals-placeholder"
|
|
88
76
|
},
|
|
89
77
|
disabled: {
|
|
90
78
|
caretColor: "transparent",
|
|
@@ -96,17 +84,6 @@ const textFieldStyles = {
|
|
|
96
84
|
background: "transparent"
|
|
97
85
|
}
|
|
98
86
|
}
|
|
99
|
-
},
|
|
100
|
-
v1: {
|
|
101
|
-
idle: {
|
|
102
|
-
border: "1.5px solid $border-neutrals",
|
|
103
|
-
fontSize: "$175",
|
|
104
|
-
lineHeight: "$400"
|
|
105
|
-
},
|
|
106
|
-
readOnly: {
|
|
107
|
-
color: "$text-neutrals",
|
|
108
|
-
borderColor: "transparent"
|
|
109
|
-
}
|
|
110
87
|
}
|
|
111
88
|
};
|
|
112
89
|
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.js","sources":["../src/styles.ts"],"sourcesContent":["import { focus } from '@mirohq/design-system-styles'\n\nexport const actionButtonStyles = {\n backgroundColor: 'transparent',\n color: '$icon-neutrals-subtle',\n display: 'flex',\n justifyContent: 'center',\n padding: '6px',\n square: '$7',\n\n '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n square: '$icon-200',\n '--svg-stroke-width': '$stroke-width$thin',\n },\n\n ...focus.css({\n boxShadow: '$focus
|
|
1
|
+
{"version":3,"file":"main.js","sources":["../src/styles.ts"],"sourcesContent":["import { focus } from '@mirohq/design-system-styles'\n\nexport const actionButtonStyles = {\n backgroundColor: 'transparent',\n color: '$icon-neutrals-subtle',\n display: 'flex',\n justifyContent: 'center',\n padding: '6px',\n square: '$7',\n\n '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n square: '$icon-200',\n '--svg-stroke-width': '$stroke-width$thin',\n },\n\n ...focus.css({\n boxShadow: '$focus',\n }),\n\n '&:hover': {\n backgroundColor: '$background-neutrals-subtle-hover',\n },\n\n '&:active, &[data-pressed]': {\n backgroundColor: '$background-neutrals-subtle-active',\n },\n}\n\nexport const textFieldStyles = {\n variants: {\n idle: {\n boxSizing: 'border-box',\n width: '100%',\n border: '1.5px solid $border-neutrals',\n fontSize: '$175',\n lineHeight: '$400',\n color: '$text-neutrals',\n background: '$background-neutrals-container',\n borderRadius: '$50',\n },\n focused: {\n boxShadow: '$focus',\n borderColor: '$border-primary-selected',\n },\n hovered: {\n borderColor: '$border-primary-hover',\n },\n readOnly: {\n background: '$background-neutrals-disabled',\n borderColor: 'transparent',\n color: '$text-neutrals',\n },\n disabled: {\n background: '$background-neutrals-disabled',\n borderColor: 'transparent',\n },\n invalid: {\n idle: {\n borderColor: '$border-danger',\n },\n hovered: {\n borderColor: '$border-danger-hover',\n },\n },\n valid: {\n idle: {\n borderColor: '$border-success',\n },\n hovered: {\n borderColor: '$border-success-hover',\n },\n },\n },\n base: {\n placeholder: {\n color: '$text-neutrals-placeholder',\n },\n disabled: {\n caretColor: 'transparent',\n '&, &::placeholder': {\n color: '$text-neutrals-disabled',\n '-webkit-text-fill-color': '$colors$text-neutrals-disabled',\n },\n '&:selection': {\n background: 'transparent',\n },\n },\n },\n}\n"],"names":["focus"],"mappings":";;;;;;AAEO,MAAM,kBAAqB,GAAA;AAAA,EAChC,eAAiB,EAAA,aAAA;AAAA,EACjB,KAAO,EAAA,uBAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,OAAS,EAAA,KAAA;AAAA,EACT,MAAQ,EAAA,IAAA;AAAA,EAER,oEAAsE,EAAA;AAAA,IACpE,MAAQ,EAAA,WAAA;AAAA,IACR,oBAAsB,EAAA,oBAAA;AAAA,GACxB;AAAA,EAEA,GAAGA,yBAAM,GAAI,CAAA;AAAA,IACX,SAAW,EAAA,QAAA;AAAA,GACZ,CAAA;AAAA,EAED,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,mCAAA;AAAA,GACnB;AAAA,EAEA,2BAA6B,EAAA;AAAA,IAC3B,eAAiB,EAAA,oCAAA;AAAA,GACnB;AACF,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,YAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,8BAAA;AAAA,MACR,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,MAAA;AAAA,MACZ,KAAO,EAAA,gBAAA;AAAA,MACP,UAAY,EAAA,gCAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,KAChB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,QAAA;AAAA,MACX,WAAa,EAAA,0BAAA;AAAA,KACf;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,uBAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAa,EAAA,aAAA;AAAA,MACb,KAAO,EAAA,gBAAA;AAAA,KACT;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAa,EAAA,aAAA;AAAA,KACf;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,gBAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAa,EAAA,sBAAA;AAAA,OACf;AAAA,KACF;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,iBAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAa,EAAA,uBAAA;AAAA,OACf;AAAA,KACF;AAAA,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,4BAAA;AAAA,KACT;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,aAAA;AAAA,MACZ,mBAAqB,EAAA;AAAA,QACnB,KAAO,EAAA,yBAAA;AAAA,QACP,yBAA2B,EAAA,gCAAA;AAAA,OAC7B;AAAA,MACA,aAAe,EAAA;AAAA,QACb,UAAY,EAAA,aAAA;AAAA,OACd;AAAA,KACF;AAAA,GACF;AACF;;;;;"}
|
package/dist/module.js
CHANGED
|
@@ -12,7 +12,7 @@ const actionButtonStyles = {
|
|
|
12
12
|
"--svg-stroke-width": "$stroke-width$thin"
|
|
13
13
|
},
|
|
14
14
|
...focus.css({
|
|
15
|
-
boxShadow: "$focus
|
|
15
|
+
boxShadow: "$focus"
|
|
16
16
|
}),
|
|
17
17
|
"&:hover": {
|
|
18
18
|
backgroundColor: "$background-neutrals-subtle-hover"
|
|
@@ -26,25 +26,24 @@ const textFieldStyles = {
|
|
|
26
26
|
idle: {
|
|
27
27
|
boxSizing: "border-box",
|
|
28
28
|
width: "100%",
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
border: "1.5px solid $border-neutrals",
|
|
30
|
+
fontSize: "$175",
|
|
31
|
+
lineHeight: "$400",
|
|
31
32
|
color: "$text-neutrals",
|
|
32
33
|
background: "$background-neutrals-container",
|
|
33
|
-
border: "1px solid $border-neutrals",
|
|
34
34
|
borderRadius: "$50"
|
|
35
35
|
},
|
|
36
36
|
focused: {
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
outline: "Highlight solid"
|
|
40
|
-
}
|
|
37
|
+
boxShadow: "$focus",
|
|
38
|
+
borderColor: "$border-primary-selected"
|
|
41
39
|
},
|
|
42
40
|
hovered: {
|
|
43
41
|
borderColor: "$border-primary-hover"
|
|
44
42
|
},
|
|
45
43
|
readOnly: {
|
|
46
44
|
background: "$background-neutrals-disabled",
|
|
47
|
-
|
|
45
|
+
borderColor: "transparent",
|
|
46
|
+
color: "$text-neutrals"
|
|
48
47
|
},
|
|
49
48
|
disabled: {
|
|
50
49
|
background: "$background-neutrals-disabled",
|
|
@@ -54,9 +53,6 @@ const textFieldStyles = {
|
|
|
54
53
|
idle: {
|
|
55
54
|
borderColor: "$border-danger"
|
|
56
55
|
},
|
|
57
|
-
focused: {
|
|
58
|
-
borderColor: "$border-primary-selected"
|
|
59
|
-
},
|
|
60
56
|
hovered: {
|
|
61
57
|
borderColor: "$border-danger-hover"
|
|
62
58
|
}
|
|
@@ -65,9 +61,6 @@ const textFieldStyles = {
|
|
|
65
61
|
idle: {
|
|
66
62
|
borderColor: "$border-success"
|
|
67
63
|
},
|
|
68
|
-
focused: {
|
|
69
|
-
borderColor: "$border-primary-selected"
|
|
70
|
-
},
|
|
71
64
|
hovered: {
|
|
72
65
|
borderColor: "$border-success-hover"
|
|
73
66
|
}
|
|
@@ -75,12 +68,7 @@ const textFieldStyles = {
|
|
|
75
68
|
},
|
|
76
69
|
base: {
|
|
77
70
|
placeholder: {
|
|
78
|
-
|
|
79
|
-
color: "$text-neutrals-subtle"
|
|
80
|
-
},
|
|
81
|
-
v1: {
|
|
82
|
-
color: "$text-neutrals-placeholder"
|
|
83
|
-
}
|
|
71
|
+
color: "$text-neutrals-placeholder"
|
|
84
72
|
},
|
|
85
73
|
disabled: {
|
|
86
74
|
caretColor: "transparent",
|
|
@@ -92,17 +80,6 @@ const textFieldStyles = {
|
|
|
92
80
|
background: "transparent"
|
|
93
81
|
}
|
|
94
82
|
}
|
|
95
|
-
},
|
|
96
|
-
v1: {
|
|
97
|
-
idle: {
|
|
98
|
-
border: "1.5px solid $border-neutrals",
|
|
99
|
-
fontSize: "$175",
|
|
100
|
-
lineHeight: "$400"
|
|
101
|
-
},
|
|
102
|
-
readOnly: {
|
|
103
|
-
color: "$text-neutrals",
|
|
104
|
-
borderColor: "transparent"
|
|
105
|
-
}
|
|
106
83
|
}
|
|
107
84
|
};
|
|
108
85
|
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../src/styles.ts"],"sourcesContent":["import { focus } from '@mirohq/design-system-styles'\n\nexport const actionButtonStyles = {\n backgroundColor: 'transparent',\n color: '$icon-neutrals-subtle',\n display: 'flex',\n justifyContent: 'center',\n padding: '6px',\n square: '$7',\n\n '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n square: '$icon-200',\n '--svg-stroke-width': '$stroke-width$thin',\n },\n\n ...focus.css({\n boxShadow: '$focus
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../src/styles.ts"],"sourcesContent":["import { focus } from '@mirohq/design-system-styles'\n\nexport const actionButtonStyles = {\n backgroundColor: 'transparent',\n color: '$icon-neutrals-subtle',\n display: 'flex',\n justifyContent: 'center',\n padding: '6px',\n square: '$7',\n\n '& svg:not([data-icon-component]), & img:not([data-icon-component])': {\n square: '$icon-200',\n '--svg-stroke-width': '$stroke-width$thin',\n },\n\n ...focus.css({\n boxShadow: '$focus',\n }),\n\n '&:hover': {\n backgroundColor: '$background-neutrals-subtle-hover',\n },\n\n '&:active, &[data-pressed]': {\n backgroundColor: '$background-neutrals-subtle-active',\n },\n}\n\nexport const textFieldStyles = {\n variants: {\n idle: {\n boxSizing: 'border-box',\n width: '100%',\n border: '1.5px solid $border-neutrals',\n fontSize: '$175',\n lineHeight: '$400',\n color: '$text-neutrals',\n background: '$background-neutrals-container',\n borderRadius: '$50',\n },\n focused: {\n boxShadow: '$focus',\n borderColor: '$border-primary-selected',\n },\n hovered: {\n borderColor: '$border-primary-hover',\n },\n readOnly: {\n background: '$background-neutrals-disabled',\n borderColor: 'transparent',\n color: '$text-neutrals',\n },\n disabled: {\n background: '$background-neutrals-disabled',\n borderColor: 'transparent',\n },\n invalid: {\n idle: {\n borderColor: '$border-danger',\n },\n hovered: {\n borderColor: '$border-danger-hover',\n },\n },\n valid: {\n idle: {\n borderColor: '$border-success',\n },\n hovered: {\n borderColor: '$border-success-hover',\n },\n },\n },\n base: {\n placeholder: {\n color: '$text-neutrals-placeholder',\n },\n disabled: {\n caretColor: 'transparent',\n '&, &::placeholder': {\n color: '$text-neutrals-disabled',\n '-webkit-text-fill-color': '$colors$text-neutrals-disabled',\n },\n '&:selection': {\n background: 'transparent',\n },\n },\n },\n}\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAqB,GAAA;AAAA,EAChC,eAAiB,EAAA,aAAA;AAAA,EACjB,KAAO,EAAA,uBAAA;AAAA,EACP,OAAS,EAAA,MAAA;AAAA,EACT,cAAgB,EAAA,QAAA;AAAA,EAChB,OAAS,EAAA,KAAA;AAAA,EACT,MAAQ,EAAA,IAAA;AAAA,EAER,oEAAsE,EAAA;AAAA,IACpE,MAAQ,EAAA,WAAA;AAAA,IACR,oBAAsB,EAAA,oBAAA;AAAA,GACxB;AAAA,EAEA,GAAG,MAAM,GAAI,CAAA;AAAA,IACX,SAAW,EAAA,QAAA;AAAA,GACZ,CAAA;AAAA,EAED,SAAW,EAAA;AAAA,IACT,eAAiB,EAAA,mCAAA;AAAA,GACnB;AAAA,EAEA,2BAA6B,EAAA;AAAA,IAC3B,eAAiB,EAAA,oCAAA;AAAA,GACnB;AACF,EAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,QAAU,EAAA;AAAA,IACR,IAAM,EAAA;AAAA,MACJ,SAAW,EAAA,YAAA;AAAA,MACX,KAAO,EAAA,MAAA;AAAA,MACP,MAAQ,EAAA,8BAAA;AAAA,MACR,QAAU,EAAA,MAAA;AAAA,MACV,UAAY,EAAA,MAAA;AAAA,MACZ,KAAO,EAAA,gBAAA;AAAA,MACP,UAAY,EAAA,gCAAA;AAAA,MACZ,YAAc,EAAA,KAAA;AAAA,KAChB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,QAAA;AAAA,MACX,WAAa,EAAA,0BAAA;AAAA,KACf;AAAA,IACA,OAAS,EAAA;AAAA,MACP,WAAa,EAAA,uBAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAa,EAAA,aAAA;AAAA,MACb,KAAO,EAAA,gBAAA;AAAA,KACT;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,+BAAA;AAAA,MACZ,WAAa,EAAA,aAAA;AAAA,KACf;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,gBAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAa,EAAA,sBAAA;AAAA,OACf;AAAA,KACF;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,WAAa,EAAA,iBAAA;AAAA,OACf;AAAA,MACA,OAAS,EAAA;AAAA,QACP,WAAa,EAAA,uBAAA;AAAA,OACf;AAAA,KACF;AAAA,GACF;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,WAAa,EAAA;AAAA,MACX,KAAO,EAAA,4BAAA;AAAA,KACT;AAAA,IACA,QAAU,EAAA;AAAA,MACR,UAAY,EAAA,aAAA;AAAA,MACZ,mBAAqB,EAAA;AAAA,QACnB,KAAO,EAAA,yBAAA;AAAA,QACP,yBAA2B,EAAA,gCAAA;AAAA,OAC7B;AAAA,MACA,aAAe,EAAA;AAAA,QACb,UAAY,EAAA,aAAA;AAAA,OACd;AAAA,KACF;AAAA,GACF;AACF;;;;"}
|
package/dist/types.d.ts
CHANGED
|
@@ -25,24 +25,23 @@ declare const textFieldStyles: {
|
|
|
25
25
|
idle: {
|
|
26
26
|
boxSizing: string;
|
|
27
27
|
width: string;
|
|
28
|
+
border: string;
|
|
28
29
|
fontSize: string;
|
|
29
30
|
lineHeight: string;
|
|
30
31
|
color: string;
|
|
31
32
|
background: string;
|
|
32
|
-
border: string;
|
|
33
33
|
borderRadius: string;
|
|
34
34
|
};
|
|
35
35
|
focused: {
|
|
36
|
+
boxShadow: string;
|
|
36
37
|
borderColor: string;
|
|
37
|
-
'@media (forced-colors: active)': {
|
|
38
|
-
outline: string;
|
|
39
|
-
};
|
|
40
38
|
};
|
|
41
39
|
hovered: {
|
|
42
40
|
borderColor: string;
|
|
43
41
|
};
|
|
44
42
|
readOnly: {
|
|
45
43
|
background: string;
|
|
44
|
+
borderColor: string;
|
|
46
45
|
color: string;
|
|
47
46
|
};
|
|
48
47
|
disabled: {
|
|
@@ -53,9 +52,6 @@ declare const textFieldStyles: {
|
|
|
53
52
|
idle: {
|
|
54
53
|
borderColor: string;
|
|
55
54
|
};
|
|
56
|
-
focused: {
|
|
57
|
-
borderColor: string;
|
|
58
|
-
};
|
|
59
55
|
hovered: {
|
|
60
56
|
borderColor: string;
|
|
61
57
|
};
|
|
@@ -64,9 +60,6 @@ declare const textFieldStyles: {
|
|
|
64
60
|
idle: {
|
|
65
61
|
borderColor: string;
|
|
66
62
|
};
|
|
67
|
-
focused: {
|
|
68
|
-
borderColor: string;
|
|
69
|
-
};
|
|
70
63
|
hovered: {
|
|
71
64
|
borderColor: string;
|
|
72
65
|
};
|
|
@@ -74,12 +67,7 @@ declare const textFieldStyles: {
|
|
|
74
67
|
};
|
|
75
68
|
base: {
|
|
76
69
|
placeholder: {
|
|
77
|
-
|
|
78
|
-
color: string;
|
|
79
|
-
};
|
|
80
|
-
v1: {
|
|
81
|
-
color: string;
|
|
82
|
-
};
|
|
70
|
+
color: string;
|
|
83
71
|
};
|
|
84
72
|
disabled: {
|
|
85
73
|
caretColor: string;
|
|
@@ -92,17 +80,6 @@ declare const textFieldStyles: {
|
|
|
92
80
|
};
|
|
93
81
|
};
|
|
94
82
|
};
|
|
95
|
-
v1: {
|
|
96
|
-
idle: {
|
|
97
|
-
border: string;
|
|
98
|
-
fontSize: string;
|
|
99
|
-
lineHeight: string;
|
|
100
|
-
};
|
|
101
|
-
readOnly: {
|
|
102
|
-
color: string;
|
|
103
|
-
borderColor: string;
|
|
104
|
-
};
|
|
105
|
-
};
|
|
106
83
|
};
|
|
107
84
|
|
|
108
85
|
export { actionButtonStyles, textFieldStyles };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mirohq/design-system-base-text-field",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0-v1.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "Miro",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
"react": "^16.14 || ^17 || ^18"
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
|
-
"@mirohq/design-system-styles": "^1.2.
|
|
29
|
+
"@mirohq/design-system-styles": "^1.2.38-v1.0"
|
|
30
30
|
},
|
|
31
31
|
"scripts": {
|
|
32
32
|
"build": "rollup -c ../../../../rollup.config.js",
|