@obosbbl/grunnmuren-react 2.0.0-canary.5 → 2.0.0-canary.7
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/index.mjs +6 -4
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -12,7 +12,9 @@ const input = cva({
|
|
|
12
12
|
base: [
|
|
13
13
|
'rounded-md px-3 py-2.5 text-sm font-normal leading-6 placeholder-[#727070] outline-none ring-1 ring-black',
|
|
14
14
|
// invalid styles
|
|
15
|
-
'group-data-[invalid]:ring-2 group-data-[invalid]:ring-red'
|
|
15
|
+
'group-data-[invalid]:ring-2 group-data-[invalid]:ring-red',
|
|
16
|
+
// Fix invisible ring on safari: https://github.com/tailwindlabs/tailwindcss.com/issues/1135
|
|
17
|
+
'appearance-none'
|
|
16
18
|
],
|
|
17
19
|
variants: {
|
|
18
20
|
// Focus rings. Can either be :focus or :focus-visible based on the needs of the particular component.
|
|
@@ -63,7 +65,7 @@ const defaultClasses$1 = cx([
|
|
|
63
65
|
// Pulling this out into it's own component. Will probably export it in the future
|
|
64
66
|
// so it can be used in other views, outside of an input of type checkbox, like in table rows.
|
|
65
67
|
function CheckmarkBox() {
|
|
66
|
-
return /*#__PURE__*/ jsx("
|
|
68
|
+
return /*#__PURE__*/ jsx("span", {
|
|
67
69
|
className: cx([
|
|
68
70
|
'relative left-0 grid flex-none place-content-center rounded-sm border-2 border-black text-white',
|
|
69
71
|
// to vertically align the radio we need to calculate the label's height, which is equal to it's font size multiplied by the line height.
|
|
@@ -105,7 +107,7 @@ function Checkbox(props, ref) {
|
|
|
105
107
|
isInvalid: isInvalid,
|
|
106
108
|
ref: ref,
|
|
107
109
|
children: [
|
|
108
|
-
/*#__PURE__*/ jsx("
|
|
110
|
+
/*#__PURE__*/ jsx("span", {
|
|
109
111
|
className: "absolute -left-2.5 top-0 z-10 h-11 w-11"
|
|
110
112
|
}),
|
|
111
113
|
/*#__PURE__*/ jsx(CheckmarkBox, {}),
|
|
@@ -298,7 +300,7 @@ function Radio(props, ref) {
|
|
|
298
300
|
className: cx(className, defaultClasses),
|
|
299
301
|
ref: ref,
|
|
300
302
|
children: [
|
|
301
|
-
/*#__PURE__*/ jsx("
|
|
303
|
+
/*#__PURE__*/ jsx("span", {
|
|
302
304
|
className: "absolute -left-2.5 top-0 z-10 h-11 w-11 "
|
|
303
305
|
}),
|
|
304
306
|
/*#__PURE__*/ jsxs("div", {
|