@ndla/ui 42.1.0 → 42.1.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "42.1.0",
3
+ "version": "42.1.1",
4
4
  "description": "UI component library for NDLA.",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -31,21 +31,21 @@
31
31
  "types"
32
32
  ],
33
33
  "dependencies": {
34
- "@ndla/accordion": "^2.2.12",
34
+ "@ndla/accordion": "^2.2.13",
35
35
  "@ndla/article-scripts": "^3.0.18",
36
- "@ndla/button": "^10.1.11",
37
- "@ndla/carousel": "^3.1.9",
36
+ "@ndla/button": "^10.1.12",
37
+ "@ndla/carousel": "^3.1.10",
38
38
  "@ndla/core": "^4.1.4",
39
- "@ndla/forms": "^4.3.12",
39
+ "@ndla/forms": "^4.3.13",
40
40
  "@ndla/hooks": "^2.0.7",
41
- "@ndla/icons": "^3.0.7",
41
+ "@ndla/icons": "^4.0.0",
42
42
  "@ndla/licenses": "^7.1.1",
43
- "@ndla/modal": "^3.0.9",
44
- "@ndla/notion": "^5.0.10",
45
- "@ndla/safelink": "^4.1.11",
43
+ "@ndla/modal": "^3.0.10",
44
+ "@ndla/notion": "^5.0.11",
45
+ "@ndla/safelink": "^4.1.12",
46
46
  "@ndla/switch": "^1.1.8",
47
47
  "@ndla/tabs": "^3.0.4",
48
- "@ndla/tooltip": "^4.1.11",
48
+ "@ndla/tooltip": "^4.1.12",
49
49
  "@ndla/util": "^3.1.13",
50
50
  "@radix-ui/react-dropdown-menu": "^2.0.5",
51
51
  "@radix-ui/react-popover": "^1.0.6",
@@ -83,5 +83,5 @@
83
83
  "publishConfig": {
84
84
  "access": "public"
85
85
  },
86
- "gitHead": "d2c07a70bcb59567d7d14fd40963d8b36d1f98b7"
86
+ "gitHead": "4c4276e39a7529a8043ef1dcc3c1e9858f2ddca8"
87
87
  }
@@ -24,6 +24,10 @@ interface Props extends ComponentProps<typeof InputV2> {
24
24
  onSave: () => void;
25
25
  }
26
26
 
27
+ const StyledSpinner = styled(Spinner)`
28
+ margin: ${spacing.small};
29
+ `;
30
+
27
31
  // Source: https://kovart.github.io/dashed-border-generator/
28
32
  const borderStyle = (error?: boolean) =>
29
33
  `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='${encodeURIComponent(
@@ -102,7 +106,7 @@ const FolderInput = forwardRef<HTMLInputElement, Props>(({ loading, error, onClo
102
106
  </>
103
107
  )}
104
108
  <div aria-live="assertive">
105
- {loading && <Spinner size="normal" margin={spacing.small} id="folder-spinner" aria-label={t('loading')} />}
109
+ {loading && <StyledSpinner size="normal" id="folder-spinner" aria-label={t('loading')} />}
106
110
  </div>
107
111
  </Row>
108
112
  }
@@ -165,9 +165,10 @@ const FolderItem = ({
165
165
  ref.current?.focus();
166
166
  }
167
167
  if (type === 'picker') {
168
+ ref.current?.focus();
168
169
  ref.current?.scrollIntoView({
169
170
  behavior: 'smooth',
170
- block: 'nearest',
171
+ block: 'start',
171
172
  });
172
173
  }
173
174
  }
package/src/index.ts CHANGED
@@ -272,3 +272,5 @@ export type { HeadingLevel } from './types';
272
272
  export { default as FrontpageArticle } from './FrontpageArticle';
273
273
  export { DefinitionTerm, DefinitionDescription } from './DefinitionList';
274
274
  export type { ProgrammeV2 } from './ProgrammeCard';
275
+
276
+ export { Gloss } from './Gloss';