@public-ui/sample-react 1.7.0-rc.12 → 1.7.0-rc.13

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 +4 -4
  2. package/src/App.tsx +9 -3
  3. package/src/components/input-checkbox/partials/variants.tsx +46 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/sample-react",
3
- "version": "1.7.0-rc.12",
3
+ "version": "1.7.0-rc.13",
4
4
  "description": "This app contains samples for the KoliBri/Public UI",
5
5
  "license": "EUPL-1.2",
6
6
  "scripts": {
@@ -21,9 +21,9 @@
21
21
  "@leanup/stack-react": "1.3.48",
22
22
  "@leanup/stack-webpack": "1.3.48",
23
23
  "@public-oss/kolibri-themes": "0.0.3",
24
- "@public-ui/components": "1.7.0-rc.12",
25
- "@public-ui/react": "1.7.0-rc.12",
26
- "@public-ui/themes": "1.7.0-rc.12",
24
+ "@public-ui/components": "1.7.0-rc.13",
25
+ "@public-ui/react": "1.7.0-rc.13",
26
+ "@public-ui/themes": "1.7.0-rc.13",
27
27
  "@types/node": "20.6.2",
28
28
  "@types/react": "18.2.22",
29
29
  "@types/react-dom": "18.2.7",
package/src/App.tsx CHANGED
@@ -43,10 +43,16 @@ const getRouteTree = (routes: MyRoutes): ReturnType<typeof Route>[] => {
43
43
  path={`${path}/all`}
44
44
  element={
45
45
  <div className="d-grid gap-4">
46
- {THEME_OPTIONS.filter((theme) => ['bmf', 'zoll-v2'].indexOf((theme as Option<Theme>).value) >= 0).map((theme) => (
46
+ {THEME_OPTIONS.filter(
47
+ (theme) => ['bmf', 'default', 'ecl-ec', 'ecl-eu', 'itzbund', 'mapz', 'zoll-v2'].indexOf((theme as Option<Theme>).value) >= 0,
48
+ ).map((theme) => (
47
49
  <div className="d-grid gap-2" key={(theme as Option<Theme>).value} data-theme={(theme as Option<Theme>).value}>
48
- <strong>{theme.label}</strong>
49
- <ThisRoute />
50
+ <div className="mt-4">
51
+ <strong>{theme.label}</strong>
52
+ </div>
53
+ <div className="my-2">
54
+ <ThisRoute />
55
+ </div>
50
56
  <hr aria-hidden="true" />
51
57
  </div>
52
58
  ))}
package/src/components/input-checkbox/partials/variants.tsx CHANGED
@@ -18,11 +18,52 @@ export const InputCheckboxVariant: FC<Props> = ({ variant }) => {
18
18
  return (
19
19
  <fieldset>
20
20
  <legend>Checkbox ({variant})</legend>
21
- <KolInputCheckbox _variant={variant} _label="Nicht ausgewählt" _value={false} />
22
- <KolInputCheckbox _variant={variant} _label="Unbestimmt (Indeterminate)" _value={null} _indeterminate />
23
- <KolInputCheckbox _variant={variant} _label="Ausgewählt" _value={true} _checked />
24
- <KolInputCheckbox _variant={variant} _label="Disabled" _value={true} _disabled />
25
- <KolInputCheckbox ref={ref} _variant={variant} _label="Mit Fehler" _value={true} _error={ERROR_MSG} _touched />
21
+ <KolInputCheckbox
22
+ _icon={{
23
+ unchecked: 'codicon codicon-close',
24
+ }}
25
+ _variant={variant}
26
+ _label="Nicht ausgewählt"
27
+ _value={false}
28
+ />
29
+ <KolInputCheckbox
30
+ _icon={{
31
+ unchecked: 'codicon codicon-close',
32
+ }}
33
+ _variant={variant}
34
+ _label="Unbestimmt (Indeterminate)"
35
+ _value={null}
36
+ _indeterminate
37
+ />
38
+ <KolInputCheckbox
39
+ _icon={{
40
+ unchecked: 'codicon codicon-close',
41
+ }}
42
+ _variant={variant}
43
+ _label="Ausgewählt"
44
+ _value={true}
45
+ _checked
46
+ />
47
+ <KolInputCheckbox
48
+ _icon={{
49
+ unchecked: 'codicon codicon-close',
50
+ }}
51
+ _variant={variant}
52
+ _label="Disabled"
53
+ _value={true}
54
+ _disabled
55
+ />
56
+ <KolInputCheckbox
57
+ ref={ref}
58
+ _icon={{
59
+ unchecked: 'codicon codicon-close',
60
+ }}
61
+ _variant={variant}
62
+ _label="Mit Fehler"
63
+ _value={true}
64
+ _error={ERROR_MSG}
65
+ _touched
66
+ />
26
67
  </fieldset>
27
68
  );
28
69
  };