uibee 2.7.11 → 2.7.12

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/inputs/shared/selectionWrapper.tsx +3 -1
  3. package/src/components/inputs/switch.tsx +5 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "uibee",
3
- "version": "2.7.11",
3
+ "version": "2.7.12",
4
4
  "description": "Shared components, functions and hooks for reuse across Login projects",
5
5
  "homepage": "https://github.com/Login-Linjeforening-for-IT/uibee#readme",
6
6
  "bugs": {
package/src/components/inputs/shared/selectionWrapper.tsx CHANGED
@@ -12,6 +12,7 @@ interface SelectionWrapperProps {
12
12
  children: ReactNode
13
13
  className?: string
14
14
  disabled?: boolean
15
+ hideError?: boolean
15
16
  }
16
17
 
17
18
  export default function SelectionWrapper({
@@ -23,6 +24,7 @@ export default function SelectionWrapper({
23
24
  children,
24
25
  className,
25
26
  disabled,
27
+ hideError,
26
28
  }: SelectionWrapperProps) {
27
29
  return (
28
30
  <div className={`flex flex-col gap-1 ${className || ''}`}>
@@ -41,7 +43,7 @@ export default function SelectionWrapper({
41
43
  </div>
42
44
  {info && <InputInfo info={info} />}
43
45
  </div>
44
- <InputError error={error} />
46
+ {!hideError && <InputError error={error} />}
45
47
  </div>
46
48
  )
47
49
  }
package/src/components/inputs/switch.tsx CHANGED
@@ -11,6 +11,7 @@ export type SwitchProps = {
11
11
  error?: string
12
12
  info?: string
13
13
  required?: boolean
14
+ switchOnly?: boolean
14
15
  }
15
16
 
16
17
  export default function Switch({
@@ -23,6 +24,7 @@ export default function Switch({
23
24
  error,
24
25
  info,
25
26
  required,
27
+ switchOnly,
26
28
  }: SwitchProps) {
27
29
  return (
28
30
  <SelectionWrapper
@@ -31,10 +33,11 @@ export default function Switch({
31
33
  required={required}
32
34
  info={info}
33
35
  error={error}
36
+ hideError={switchOnly}
34
37
  className={className}
35
38
  disabled={disabled}
36
39
  >
37
- <label className='relative inline-flex items-center cursor-pointer h-10.5'>
40
+ <label className={`relative inline-flex items-center cursor-pointer ${switchOnly ? 'h-fit' : 'h-10.5'}`}>
38
41
  <input
39
42
  type='checkbox'
40
43
  id={name}
@@ -48,7 +51,7 @@ export default function Switch({
48
51
  <div className={`
49
52
  w-11 h-6 bg-login-500/50 rounded-full peer
50
53
  peer-checked:after:translate-x-full peer-checked:after:border-white
51
- after:content-[''] after:absolute after:top-2.75 after:left-0.5
54
+ after:content-[''] after:absolute ${switchOnly ? 'top-0.5' : 'top-2.75'} after:left-0.5
52
55
  after:bg-white after:border-gray-300 after:border after:rounded-full
53
56
  after:h-5 after:w-5 after:transition-all peer-checked:bg-login
54
57
  ${disabled ? 'opacity-50 cursor-not-allowed' : ''}