@rikstv/shared-components 1.1.96 → 2.0.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.
Files changed (92) hide show
  1. package/dist/components/accordion/Accordion-4b8edd28.mjs +669 -0
  2. package/dist/components/breadcrumb/Breadcrumb-1b579cc3.mjs +21 -0
  3. package/dist/components/breadcrumb/Breadcrumb.d.ts +2 -2
  4. package/dist/components/button/ArrowButton-af5de307.mjs +48 -0
  5. package/dist/components/button/BaseButton-4f6e9dd4.mjs +46 -0
  6. package/dist/components/button/BaseButton.d.ts +2 -2
  7. package/dist/components/button/BaseDecoratedButton-c5799b0f.mjs +15 -0
  8. package/dist/components/button/BaseLinkButton-348be18c.mjs +42 -0
  9. package/dist/components/button/BaseLinkButton.d.ts +3 -3
  10. package/dist/components/button/Button-4e09c58d.mjs +17 -0
  11. package/dist/components/button/DecoratedButton-ab90a6bd.mjs +21 -0
  12. package/dist/components/button/IconButton-dd3478ff.mjs +15 -0
  13. package/dist/components/button/LinkButton-85fc759b.mjs +8 -0
  14. package/dist/components/button/LinkButton.d.ts +1 -1
  15. package/dist/components/checkbox/BaseCheckbox-6fed1663.mjs +41 -0
  16. package/dist/components/checkbox/Checkbox-cc58a275.mjs +22 -0
  17. package/dist/components/core/Core-ba0340f6.mjs +46 -0
  18. package/dist/components/core/Core.d.ts +3 -3
  19. package/dist/components/core/LightMode-b458f91d.mjs +9 -0
  20. package/dist/components/core/RiksTV-698a6154.mjs +6 -0
  21. package/dist/components/core/RiksTV.d.ts +2 -2
  22. package/dist/components/core/Strim-51ea8e08.mjs +6 -0
  23. package/dist/components/core/Strim.d.ts +2 -2
  24. package/dist/components/core/hooks/useBrowserPreferences.d.ts +1 -1
  25. package/dist/components/core/hooks/useIntersectionObserver.d.ts +2 -2
  26. package/dist/components/icons/{Arrow.js → Arrow-feb3e25e.mjs} +9 -10
  27. package/dist/components/icons/{Chevron.js → Chevron-ef147695.mjs} +9 -12
  28. package/dist/components/list/CheckmarkListItem-f9df7013.mjs +38 -0
  29. package/dist/components/list/CrossmarkListItem-348c226a.mjs +28 -0
  30. package/dist/components/list/List-86ad4810.mjs +27 -0
  31. package/dist/components/list/ListItem-4e47bb2e.mjs +5 -0
  32. package/dist/components/list/OrderedListItem-a70598a1.mjs +5 -0
  33. package/dist/components/loader/Loader-7ab4a8f0.mjs +21 -0
  34. package/dist/components/loader/RawLoader-7e00f143.mjs +47 -0
  35. package/dist/components/notificationDot/NotificationDot-b03fa811.mjs +26 -0
  36. package/dist/components/panel/{Info.js → Info-7fe85f53.mjs} +20 -12
  37. package/dist/components/panel/Panel-5cd1bda7.mjs +50 -0
  38. package/dist/components/panel/{Success.js → Success-c116cc05.mjs} +75 -23
  39. package/dist/components/panel/Warning-fa1839e3.mjs +11 -0
  40. package/dist/components/progress/CircularProgress-e4622fd6.mjs +52 -0
  41. package/dist/components/progress/Progress-ef42810b.mjs +26 -0
  42. package/dist/components/spacing/Gutter-32112716.mjs +5 -0
  43. package/dist/components/spacing/GutterPadding-6be6c9d9.mjs +5 -0
  44. package/dist/components/textfield/TextField-765a87bf.mjs +70 -0
  45. package/dist/components/toggle/FieldSet-4bdc4b7e.mjs +13 -0
  46. package/dist/components/toggle/RadioToggle-1528c002.mjs +17 -0
  47. package/dist/components/toggleButton/ToggleButton-a2d4302f.mjs +47 -0
  48. package/dist/components/toggleInlineButton/ToggleInlineButton-1e480eaa.mjs +40 -0
  49. package/dist/components/toggleLinkButton/ToggleLinkButton-08c60e4d.mjs +45 -0
  50. package/dist/components/typography/Typography-91af1c48.mjs +33 -0
  51. package/dist/components/typography/Typography.d.ts +2 -2
  52. package/dist/shared-components.mjs +199 -0
  53. package/dist/style.css +1 -1
  54. package/package.json +4 -5
  55. package/dist/components/accordion/Accordion.js +0 -34
  56. package/dist/components/breadcrumb/Breadcrumb.js +0 -39
  57. package/dist/components/button/ArrowButton.js +0 -44
  58. package/dist/components/button/BaseButton.js +0 -42
  59. package/dist/components/button/BaseDecoratedButton.js +0 -32
  60. package/dist/components/button/BaseLinkButton.js +0 -44
  61. package/dist/components/button/Button.js +0 -29
  62. package/dist/components/button/DecoratedButton.js +0 -23
  63. package/dist/components/button/IconButton.js +0 -24
  64. package/dist/components/button/LinkButton.js +0 -10
  65. package/dist/components/checkbox/BaseCheckbox.js +0 -35
  66. package/dist/components/checkbox/Checkbox.js +0 -26
  67. package/dist/components/core/Core.js +0 -76
  68. package/dist/components/core/LightMode.js +0 -14
  69. package/dist/components/core/RiksTV.js +0 -116
  70. package/dist/components/core/Strim.js +0 -10
  71. package/dist/components/list/CheckmarkListItem.js +0 -36
  72. package/dist/components/list/CrossmarkListItem.js +0 -27
  73. package/dist/components/list/List.js +0 -28
  74. package/dist/components/list/ListItem.js +0 -19
  75. package/dist/components/list/OrderedListItem.js +0 -19
  76. package/dist/components/loader/Loader.js +0 -31
  77. package/dist/components/loader/RawLoader.js +0 -30
  78. package/dist/components/notificationDot/NotificationDot.js +0 -22
  79. package/dist/components/panel/Panel.js +0 -55
  80. package/dist/components/panel/Warning.js +0 -14
  81. package/dist/components/progress/CircularProgress.js +0 -87
  82. package/dist/components/progress/Progress.js +0 -42
  83. package/dist/components/spacing/Gutter.js +0 -13
  84. package/dist/components/spacing/GutterPadding.js +0 -13
  85. package/dist/components/textfield/TextField.js +0 -63
  86. package/dist/components/toggle/FieldSet.js +0 -29
  87. package/dist/components/toggle/RadioToggle.js +0 -30
  88. package/dist/components/toggleButton/ToggleButton.js +0 -64
  89. package/dist/components/toggleInlineButton/ToggleInlineButton.js +0 -48
  90. package/dist/components/toggleLinkButton/ToggleLinkButton.js +0 -55
  91. package/dist/components/typography/Typography.js +0 -67
  92. package/dist/shared-components.es.js +0 -213
@@ -1,116 +0,0 @@
1
- import require$$0 from "react";
2
- import { C as Core } from "./Core.js";
3
- var jsxRuntime = { exports: {} };
4
- var reactJsxRuntime_production_min = {};
5
- /*
6
- object-assign
7
- (c) Sindre Sorhus
8
- @license MIT
9
- */
10
- var getOwnPropertySymbols = Object.getOwnPropertySymbols;
11
- var hasOwnProperty = Object.prototype.hasOwnProperty;
12
- var propIsEnumerable = Object.prototype.propertyIsEnumerable;
13
- function toObject(val) {
14
- if (val === null || val === void 0) {
15
- throw new TypeError("Object.assign cannot be called with null or undefined");
16
- }
17
- return Object(val);
18
- }
19
- function shouldUseNative() {
20
- try {
21
- if (!Object.assign) {
22
- return false;
23
- }
24
- var test1 = new String("abc");
25
- test1[5] = "de";
26
- if (Object.getOwnPropertyNames(test1)[0] === "5") {
27
- return false;
28
- }
29
- var test2 = {};
30
- for (var i = 0; i < 10; i++) {
31
- test2["_" + String.fromCharCode(i)] = i;
32
- }
33
- var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
34
- return test2[n2];
35
- });
36
- if (order2.join("") !== "0123456789") {
37
- return false;
38
- }
39
- var test3 = {};
40
- "abcdefghijklmnopqrst".split("").forEach(function(letter) {
41
- test3[letter] = letter;
42
- });
43
- if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
44
- return false;
45
- }
46
- return true;
47
- } catch (err) {
48
- return false;
49
- }
50
- }
51
- shouldUseNative() ? Object.assign : function(target, source) {
52
- var from;
53
- var to = toObject(target);
54
- var symbols;
55
- for (var s = 1; s < arguments.length; s++) {
56
- from = Object(arguments[s]);
57
- for (var key in from) {
58
- if (hasOwnProperty.call(from, key)) {
59
- to[key] = from[key];
60
- }
61
- }
62
- if (getOwnPropertySymbols) {
63
- symbols = getOwnPropertySymbols(from);
64
- for (var i = 0; i < symbols.length; i++) {
65
- if (propIsEnumerable.call(from, symbols[i])) {
66
- to[symbols[i]] = from[symbols[i]];
67
- }
68
- }
69
- }
70
- }
71
- return to;
72
- };
73
- /** @license React v17.0.2
74
- * react-jsx-runtime.production.min.js
75
- *
76
- * Copyright (c) Facebook, Inc. and its affiliates.
77
- *
78
- * This source code is licensed under the MIT license found in the
79
- * LICENSE file in the root directory of this source tree.
80
- */
81
- var f = require$$0, g = 60103;
82
- reactJsxRuntime_production_min.Fragment = 60107;
83
- if (typeof Symbol === "function" && Symbol.for) {
84
- var h = Symbol.for;
85
- g = h("react.element");
86
- reactJsxRuntime_production_min.Fragment = h("react.fragment");
87
- }
88
- var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
89
- function q(c, a, k) {
90
- var b, d = {}, e = null, l = null;
91
- k !== void 0 && (e = "" + k);
92
- a.key !== void 0 && (e = "" + a.key);
93
- a.ref !== void 0 && (l = a.ref);
94
- for (b in a)
95
- n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
96
- if (c && c.defaultProps)
97
- for (b in a = c.defaultProps, a)
98
- d[b] === void 0 && (d[b] = a[b]);
99
- return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
100
- }
101
- reactJsxRuntime_production_min.jsx = q;
102
- reactJsxRuntime_production_min.jsxs = q;
103
- {
104
- jsxRuntime.exports = reactJsxRuntime_production_min;
105
- }
106
- const jsx = jsxRuntime.exports.jsx;
107
- const jsxs = jsxRuntime.exports.jsxs;
108
- const Fragment = jsxRuntime.exports.Fragment;
109
- var rtv = /* @__PURE__ */ (() => ':root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 60ch;--rds-content-width--default: 1070px;--rds-breakpoint--sm: 768px;--rds-breakpoint--md: 992px;--rds-breakpoint--lg: 1200px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.rtv{--rikstv-red: #ef4642;--rikstv-red-120: #d41612;--rikstv-white: #ffffff;--rikstv-black: #000000;--rikstv-onyx-150: #0f0f0f;--rikstv-onyx: #1d1d1d;--rikstv-onyx-90: #313131;--rikstv-slate: #353535;--rikstv-slate-80: #626262;--rikstv-slate-60: #828282;--rikstv-slate-40: #afafaf;--rikstv-slate-20: #ddd;--rikstv-ask: #5c5c5c;--rikstv-ask-80: #787878;--rikstv-ask-60: #9c9c9c;--rikstv-ask-40: #c0c0c0;--rikstv-sterling: #b8b8b8;--rikstv-sterling-40: #e5e5e5;--rikstv-sterling-20: #f1f1f1;--rikstv-sterling-10: #f8f8f8;--rikstv-purple: #542453;--rikstv-green: #00816d;--rikstv-blue: #195a89;--rikstv-light-blue: #0f7ca2;--rikstv-yellow: #f2a900;--rikstv-info-light: #00aec7;--rikstv-warning-light: #f2a900;--rikstv-success-light: #4cbb81;--rikstv-error-light: #f17774;--rikstv-info-dark: #007485;--rikstv-warning-dark: #996b00;--rikstv-success-dark: #2a6f4b;--rikstv-error-dark: #e01c17;--rikstv-background-gray-150: #0b0b0b;--rikstv-background-gray: #252525;--rikstv-background-gray-90: #3b3b3b;--rikstv-banner-background: #e9e9e9;--rikstv-background: #f9f9f9;--rikstv-card-gray: #434343;--rikstv-card-gray-80: #333333;--rikstv-card-gray-60: #6e6e6e;--rikstv-card-gray-20: #d9d9d9;--rikstv-foreground-gray: #666666;--rikstv-foreground-gray-80: #858585}.rtv{--rds-heading-accent: var(--rikstv-white);--rds-accent-color: var(--rikstv-red);--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: var(--rikstv-red-120);--rds-accent-hover: var(--rikstv-red-120);--rds-button-primary-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertirary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-background-primary--heavy: #252525b3;--rds-background-primary--medium: #25252580;--rds-background-primary--very-heavy: #252525e6;--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #ffffff;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-light-blue);--rds-feedback-warning: var(--rikstv-yellow);--rds-feedback-confirm: var(--rikstv-success-light);--rds-feedback-error: var(--rikstv-error-dark);--rds-feedback-error-text: var(--rikstv-error-light);--rds-feedback-error-object: var(--rikstv-error-dark);--rds-roundness--default: 4px;--rds-roundness--medium: 6px;--rds-roundness--large: 8px;--rds-roundness--xlarge: 12px;--rds-roundness--button: 34px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-lead: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}\n')();
110
- const RiksTVProvider = ({
111
- children
112
- }) => /* @__PURE__ */ jsx(Core, {
113
- brand: "rtv",
114
- children
115
- });
116
- export { Fragment as F, RiksTVProvider as R, jsxs as a, jsx as j };
@@ -1,10 +0,0 @@
1
- import { C as Core } from "./Core.js";
2
- import { j as jsx } from "./RiksTV.js";
3
- var strm = /* @__PURE__ */ (() => ':root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--40: 2.5rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5);--rds-readability-width: 60ch;--rds-content-width--default: 1070px;--rds-breakpoint--sm: 768px;--rds-breakpoint--md: 992px;--rds-breakpoint--lg: 1200px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus button::-moz-focus-inner,.with-keyboard-focus-within:focus [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.with-keyboard-focus-within:focus-within::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus-within:focus-within button::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=button]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=reset]::-moz-focus-inner,.with-keyboard-focus-within:focus-within [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus-within:focus-within input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus-within:focus-within{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:HALMatexLight;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Light.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--surface-background: var(--strim-standup-green-10);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-background-primary--heavy: #002a2ab3;--rds-background-primary--medium: #002a2a80;--rds-background-primary--very-heavy: #002a2ae6;--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-overlay-dark-soft: #004b501a;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-warning: var(--strim-warning-light);--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-feedback-error-text: var(--strim-error-light);--rds-feedback-error-object: var(--strim-error-dark);--rds-roundness--default: 12px;--rds-roundness--medium: 16px;--rds-roundness--large: 24px;--rds-roundness--xlarge: 40px;--rds-roundness--button: 12px;--rds-roundness--image: 8px;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-lead: "HALMatexLight", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}\n')();
4
- const StrimProvider = ({
5
- children
6
- }) => /* @__PURE__ */ jsx(Core, {
7
- brand: "strm",
8
- children
9
- });
10
- export { StrimProvider as S };
@@ -1,36 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- const getMarkColor = (color) => {
3
- switch (color) {
4
- case "error":
5
- return { "--mark-color": "var(--rds-feedback-error-object)" };
6
- case "success":
7
- return { "--mark-color": "var(--rds-feedback-confirm)" };
8
- default:
9
- return void 0;
10
- }
11
- };
12
- var CheckmarkListItem$1 = /* @__PURE__ */ (() => '@charset "UTF-8";.rds-list__item__checkmark{--mark-color: currentColor;--unicode-cross: "\\2713";display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item__checkmark:last-child{margin:0}.rds-list__item__checkmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;margin-top:.225em;clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);background-color:var(--mark-color)}\n')();
13
- const CheckmarkListItem = ({
14
- color,
15
- style,
16
- className = "",
17
- innerClassName = "",
18
- children,
19
- ...rest
20
- }) => {
21
- const calculatedStyle = {
22
- ...style,
23
- ...getMarkColor(color)
24
- };
25
- return /* @__PURE__ */ jsx("li", {
26
- style: calculatedStyle,
27
- className: `rds-list__item__checkmark ${className}`,
28
- "data-testid": "rds-list-item--check",
29
- ...rest,
30
- children: /* @__PURE__ */ jsx("span", {
31
- className: `${innerClassName}`,
32
- children
33
- })
34
- });
35
- };
36
- export { CheckmarkListItem as C, getMarkColor as g };
@@ -1,27 +0,0 @@
1
- import { g as getMarkColor } from "./CheckmarkListItem.js";
2
- import { j as jsx } from "../core/RiksTV.js";
3
- var CrossmarkListItem$1 = /* @__PURE__ */ (() => '@charset "UTF-8";.rds-list__item__crossmark{--mark-color: currentColor;--unicode-cross: "\\274c";display:flex;align-items:center;margin-bottom:var(--list-item__spacing)}.rds-list__item__crossmark:last-child{margin:0}.rds-list__item__crossmark:before{content:var(--unicode-cross);alt:var(--unicode-cross);text-indent:-9999px;display:block;width:1em;height:1em;flex-shrink:0;margin-right:1rem;clip-path:polygon(10% 0%,0% 10%,40% 50%,0% 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0%,50% 40%);background-color:var(--mark-color)}\n')();
4
- const CrossmarkListItem = ({
5
- color,
6
- style,
7
- className = "",
8
- innerClassName = "",
9
- children,
10
- ...rest
11
- }) => {
12
- const calculatedStyle = {
13
- ...style,
14
- ...getMarkColor(color)
15
- };
16
- return /* @__PURE__ */ jsx("li", {
17
- style: calculatedStyle,
18
- className: `rds-list__item__crossmark ${className}`,
19
- "data-testid": "rds-list-item--cross",
20
- ...rest,
21
- children: /* @__PURE__ */ jsx("span", {
22
- className: `${innerClassName}`,
23
- children
24
- })
25
- });
26
- };
27
- export { CrossmarkListItem as C };
@@ -1,28 +0,0 @@
1
- import { forwardRef } from "react";
2
- import { j as jsx } from "../core/RiksTV.js";
3
- var List$1 = /* @__PURE__ */ (() => ".rds-list{--list-item__spacing: 1em;list-style:none;padding:0;counter-reset:listCounter}.rds-list .rds-list>li{padding-left:2rem;margin-bottom:var(--list-item__spacing)}\n")();
4
- const List = forwardRef(({
5
- className = "",
6
- ordered = false,
7
- children,
8
- ...rest
9
- }, ref) => {
10
- if (ordered) {
11
- return /* @__PURE__ */ jsx("ol", {
12
- ref,
13
- className: `rds-list ${className}`,
14
- "data-testid": "rds-list--ordered",
15
- ...rest,
16
- children
17
- });
18
- }
19
- return /* @__PURE__ */ jsx("ul", {
20
- ref,
21
- className: `rds-list ${className}`,
22
- "data-testid": "rds-list--unordered",
23
- ...rest,
24
- children
25
- });
26
- });
27
- List.displayName = "List";
28
- export { List as L };
@@ -1,19 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- var ListItem$1 = /* @__PURE__ */ (() => '.rds-list__item{--list-item__topalignment: .375em;display:flex;align-items:flex-start;margin-bottom:var(--list-item__spacing)}.rds-list__item:last-child{margin:0}.rds-list__item:before{content:"";display:block;width:.5em;height:.5em;flex-shrink:0;margin-left:.25em;margin-right:calc(1rem + .25em);box-sizing:border-box;border-radius:50%;margin-top:var(--list-item__topalignment);background-color:currentColor}\n')();
3
- const ListItem = ({
4
- className = "",
5
- children,
6
- innerClassName = "",
7
- ...rest
8
- }) => {
9
- return /* @__PURE__ */ jsx("li", {
10
- className: `rds-list__item ${className}`,
11
- "data-testid": "rds-list-item",
12
- ...rest,
13
- children: /* @__PURE__ */ jsx("span", {
14
- className: `${innerClassName}`,
15
- children
16
- })
17
- });
18
- };
19
- export { ListItem as L };
@@ -1,19 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- var OrderedListItem$1 = /* @__PURE__ */ (() => '.rds-list__item__ordered{display:flex;margin-bottom:var(--list-item__spacing);counter-increment:listCounter}.rds-list__item__ordered:last-child{margin:0}.rds-list__item__ordered:before{content:counter(listCounter) ".";display:block;width:1em;flex-shrink:0;margin-right:1rem;text-align:center;color:currentColor}\n')();
3
- const OrderedListItem = ({
4
- className = "",
5
- innerClassName = "",
6
- children,
7
- ...rest
8
- }) => {
9
- return /* @__PURE__ */ jsx("li", {
10
- className: `rds-list__item__ordered ${className}`,
11
- "data-testid": "rds-ordered-list-item",
12
- ...rest,
13
- children: /* @__PURE__ */ jsx("span", {
14
- className: `${innerClassName}`,
15
- children
16
- })
17
- });
18
- };
19
- export { OrderedListItem as O };
@@ -1,31 +0,0 @@
1
- import { forwardRef, useState, useEffect } from "react";
2
- import { R as RawLoader } from "./RawLoader.js";
3
- import { j as jsx } from "../core/RiksTV.js";
4
- const useDeferredRender = (delayMilliseconds) => {
5
- const [renderComponent, setRenderComponent] = useState(delayMilliseconds === 0);
6
- useEffect(() => {
7
- if (delayMilliseconds === 0) {
8
- return;
9
- }
10
- const deferrer = setTimeout(() => setRenderComponent(true), delayMilliseconds);
11
- return () => {
12
- clearTimeout(deferrer);
13
- };
14
- }, [delayMilliseconds]);
15
- return [renderComponent];
16
- };
17
- const Loader = forwardRef(({
18
- delay = 200,
19
- ...props
20
- }, ref) => {
21
- const [renderComponent] = useDeferredRender(delay);
22
- if (!renderComponent) {
23
- return null;
24
- }
25
- return /* @__PURE__ */ jsx(RawLoader, {
26
- ref,
27
- ...props
28
- });
29
- });
30
- Loader.displayName = "Loader";
31
- export { Loader as L };
@@ -1,30 +0,0 @@
1
- import { forwardRef } from "react";
2
- import { j as jsx, a as jsxs } from "../core/RiksTV.js";
3
- var Loader = /* @__PURE__ */ (() => ".rds-loader-container{display:grid;place-items:center;--loader-color: var(--rds-accent-color-dark)}.rds-loader-container--light{--loader-color: var(--rds-foreground-tertiary)}@keyframes loader-container-spinner-child-1{0%{opacity:1;transform:rotate(0) scaleY(1.2)}10%,to{transform:rotate(0)}to{opacity:0}}@keyframes loader-container-spinner-child-2{0%{opacity:1;transform:rotate(22.5deg) scaleY(1.2)}10%,to{transform:rotate(22.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-3{0%{opacity:1;transform:rotate(45deg) scaleY(1.2)}10%,to{transform:rotate(45deg)}to{opacity:0}}@keyframes loader-container-spinner-child-4{0%{opacity:1;transform:rotate(67.5deg) scaleY(1.2)}10%,to{transform:rotate(67.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-5{0%{opacity:1;transform:rotate(90deg) scaleY(1.2)}10%,to{transform:rotate(90deg)}to{opacity:0}}@keyframes loader-container-spinner-child-6{0%{opacity:1;transform:rotate(112.5deg) scaleY(1.2)}10%,to{transform:rotate(112.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-7{0%{opacity:1;transform:rotate(135deg) scaleY(1.2)}10%,to{transform:rotate(135deg)}to{opacity:0}}@keyframes loader-container-spinner-child-8{0%{opacity:1;transform:rotate(157.5deg) scaleY(1.2)}10%,to{transform:rotate(157.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-9{0%{opacity:1;transform:rotate(180deg) scaleY(1.2)}10%,to{transform:rotate(180deg)}to{opacity:0}}@keyframes loader-container-spinner-child-10{0%{opacity:1;transform:rotate(202.5deg) scaleY(1.2)}10%,to{transform:rotate(202.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-11{0%{opacity:1;transform:rotate(225deg) scaleY(1.2)}10%,to{transform:rotate(225deg)}to{opacity:0}}@keyframes loader-container-spinner-child-12{0%{opacity:1;transform:rotate(247.5deg) scaleY(1.2)}10%,to{transform:rotate(247.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-13{0%{opacity:1;transform:rotate(270deg) scaleY(1.2)}10%,to{transform:rotate(270deg)}to{opacity:0}}@keyframes loader-container-spinner-child-14{0%{opacity:1;transform:rotate(292.5deg) scaleY(1.2)}10%,to{transform:rotate(292.5deg)}to{opacity:0}}@keyframes loader-container-spinner-child-15{0%{opacity:1;transform:rotate(315deg) scaleY(1.2)}10%,to{transform:rotate(315deg)}to{opacity:0}}@keyframes loader-container-spinner-child-16{0%{opacity:1;transform:rotate(337.5deg) scaleY(1.2)}10%,to{transform:rotate(337.5deg)}to{opacity:0}}.rds-loader-container__spinner{transform:translate(-50px,-50px) scale(.5) translate(50px,50px)}.rds-loader-container__spinner__large{margin-top:30px;padding-bottom:50px}.rds-loader-container__spinner__large span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:30px;border-radius:200px;transform-origin:1px 60px}.rds-loader-container__spinner__small{margin-top:30px}.rds-loader-container__spinner__small span{position:absolute;background:var(--loader-color);left:48px;top:0;width:3px;height:10px;border-radius:200px;transform-origin:1px 20px}.rds-loader-container__spinner span:nth-child(1){animation:loader-container-spinner-child-1 linear 2s infinite;animation-delay:-1.875s}.rds-loader-container__spinner span:nth-child(2){animation:loader-container-spinner-child-2 linear 2s infinite;animation-delay:-1.75s}.rds-loader-container__spinner span:nth-child(3){animation:loader-container-spinner-child-3 linear 2s infinite;animation-delay:-1.625s}.rds-loader-container__spinner span:nth-child(4){animation:loader-container-spinner-child-4 linear 2s infinite;animation-delay:-1.5s}.rds-loader-container__spinner span:nth-child(5){animation:loader-container-spinner-child-5 linear 2s infinite;animation-delay:-1.375s}.rds-loader-container__spinner span:nth-child(6){animation:loader-container-spinner-child-6 linear 2s infinite;animation-delay:-1.25s}.rds-loader-container__spinner span:nth-child(7){animation:loader-container-spinner-child-7 linear 2s infinite;animation-delay:-1.125s}.rds-loader-container__spinner span:nth-child(8){animation:loader-container-spinner-child-8 linear 2s infinite;animation-delay:-1s}.rds-loader-container__spinner span:nth-child(9){animation:loader-container-spinner-child-9 linear 2s infinite;animation-delay:-.875s}.rds-loader-container__spinner span:nth-child(10){animation:loader-container-spinner-child-10 linear 2s infinite;animation-delay:-.75s}.rds-loader-container__spinner span:nth-child(11){animation:loader-container-spinner-child-11 linear 2s infinite;animation-delay:-.625s}.rds-loader-container__spinner span:nth-child(12){animation:loader-container-spinner-child-12 linear 2s infinite;animation-delay:-.5s}.rds-loader-container__spinner span:nth-child(13){animation:loader-container-spinner-child-13 linear 2s infinite;animation-delay:-.375s}.rds-loader-container__spinner span:nth-child(14){animation:loader-container-spinner-child-14 linear 2s infinite;animation-delay:-.25s}.rds-loader-container__spinner span:nth-child(15){animation:loader-container-spinner-child-15 linear 2s infinite;animation-delay:-.125s}.rds-loader-container__spinner span:nth-child(16){animation:loader-container-spinner-child-16 linear 2s infinite;animation-delay:0s}.rds-light .rds-loader-container__spinner>span{--loader-color: var(--rds-foreground-tertiary)}\n")();
4
- const RawLoader = forwardRef(({
5
- size = "small",
6
- className = "",
7
- lightBackground,
8
- label = "Laster",
9
- politeness = "polite",
10
- ...rest
11
- }, ref) => {
12
- return /* @__PURE__ */ jsx("div", {
13
- ref,
14
- "aria-label": label,
15
- "aria-busy": "true",
16
- "aria-live": politeness,
17
- role: "alert",
18
- title: label,
19
- className: `rds-loader-container ${lightBackground ? "rds-loader-container--light" : ""} ${className}`,
20
- "data-testid": "rds-loader",
21
- ...rest,
22
- children: /* @__PURE__ */ jsxs("div", {
23
- "data-testid": "rds-spinner",
24
- className: `rds-loader-container__spinner rds-loader-container__spinner__${size}`,
25
- children: [/* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsx("span", {})]
26
- })
27
- });
28
- });
29
- RawLoader.displayName = "RawLoader";
30
- export { RawLoader as R };
@@ -1,22 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- var notificationDot = /* @__PURE__ */ (() => ".rds-notification-dot{--rds-notification-size: 1.375rem;--rds-notification-offset: -8px;display:inline-block;width:var(--rds-notification-size);height:var(--rds-notification-size);margin-left:.5rem;color:var(--rds-foreground-primary);background-color:var(--rds-feedback-error-object);border-radius:50%;font-size:.875rem;font-weight:600;line-height:var(--rds-notification-size);text-align:center;pointer-events:none}.rds-notification-dot--top-right{position:absolute;top:var(--rds-notification-offset);right:var(--rds-notification-offset)}.rds-notification-dot--large{--rds-notification-size: 2rem;font-size:1rem}\n")();
3
- const NotificationDot = ({
4
- className = "",
5
- numberOfNotifications = 1,
6
- testid = "",
7
- large = false,
8
- showNumber = true,
9
- ...rest
10
- }) => /* @__PURE__ */ jsx("span", {
11
- "data-testid": testid,
12
- "aria-live": "polite",
13
- "aria-label": numberOfNotifications === 1 ? `1 ny notifikasjon` : `${numberOfNotifications} nye notifikasjoner`,
14
- className: `rds-notification-dot
15
- rds-notification-dot--top-right
16
- ${className}
17
- ${large ? "rds-notification-dot--large" : ""}
18
- `,
19
- ...rest,
20
- children: showNumber ? numberOfNotifications : ""
21
- });
22
- export { NotificationDot as N };
@@ -1,55 +0,0 @@
1
- import { forwardRef } from "react";
2
- import { S as Span } from "../typography/Typography.js";
3
- import { S as Success } from "./Success.js";
4
- import { W as Warning } from "./Warning.js";
5
- import { I as Info } from "./Info.js";
6
- import { a as jsxs, j as jsx } from "../core/RiksTV.js";
7
- var panel = /* @__PURE__ */ (() => ".rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-background-secondary);--panel-warning-color: var(--rds-foreground-primary);--panel-fluid-padding: clamp(var(--rds-spacing--16), 2vw, var(--rds-spacing--32));--panel-border: none;--panel-color: #fff;padding:var(--panel-fluid-padding);border-radius:var(--rds-roundness--medium);border:var(--panel-border);display:flex;align-items:flex-end;justify-content:space-between;max-width:var(--rds-content-width--default)}.rds-panel__heading{margin:0;margin-bottom:var(--rds-spacing--8)}.rds-panel__heading>span{color:var(--panel-color)}.rds-panel__content{max-width:var(--rds-readability-width)}.rds-panel__content>span{color:var(--panel-color)}.rds-panel__content__heading{display:flex;align-items:baseline}.rds-panel__content__heading__icon{display:inline-block;width:1.125em;margin-right:.5em;color:var(--panel-color)}.rds-panel__action{display:flex;flex-direction:column;gap:var(--rds-spacing--16);margin-left:var(--rds-spacing--32)}.rds-panel__action>button{width:fit-content}@media (max-width: 768px){.rds-panel{flex-direction:column;align-items:flex-start}.rds-panel__action{margin-top:var(--rds-spacing--24);margin-left:0}}.rds-panel--info{background-color:var(--panel-info-background-color);--panel-color: var(--panel-info-color)}.rds-panel--warning{background-color:var(--panel-warning-background-color);--panel-color: var(--panel-warning-color)}.rds-panel--error{background-color:var(--strim-error-light);--panel-color: var(--strim-fantasy-green)}.rds-light .rds-panel,.rds-light.rds-panel{--panel-info-background-color: var(--rds-heading-accent);--panel-info-color: var(--rds-background-secondary);--panel-warning-background-color: var(--rds-foreground-primary);--panel-warning-color: var(--rds-background-secondary);--panel-border: 2px solid var(--rds-foreground-tertiary)}\n")();
8
- const Panel = forwardRef(({
9
- className = "",
10
- variant = "info",
11
- heading,
12
- action,
13
- lightBackground = false,
14
- id,
15
- children,
16
- icon = "success",
17
- ...rest
18
- }, ref) => {
19
- const H = (heading == null ? void 0 : heading.level) || "span";
20
- return /* @__PURE__ */ jsxs("div", {
21
- "data-testid": "rds-panel__container",
22
- id,
23
- className: `rds-panel rds-panel--${variant} ${lightBackground ? "rds-light" : ""} ${className}`,
24
- ref,
25
- ...rest,
26
- children: [/* @__PURE__ */ jsxs("div", {
27
- className: "rds-panel__content",
28
- children: [heading && /* @__PURE__ */ jsxs("div", {
29
- className: "rds-panel__content__heading",
30
- children: [variant === "warning" && /* @__PURE__ */ jsx("span", {
31
- className: "rds-panel__content__heading__icon",
32
- children: /* @__PURE__ */ jsx(Warning, {})
33
- }), variant === "info" && /* @__PURE__ */ jsxs("span", {
34
- className: "rds-panel__content__heading__icon",
35
- children: [icon === "success" && /* @__PURE__ */ jsx(Success, {}), icon === "info" && /* @__PURE__ */ jsx(Info, {})]
36
- }), variant === "error" && /* @__PURE__ */ jsx("span", {
37
- className: "rds-panel__content__heading__icon",
38
- children: /* @__PURE__ */ jsx(Info, {})
39
- }), /* @__PURE__ */ jsx(H, {
40
- className: "rds-panel__heading rds-title-3",
41
- children: /* @__PURE__ */ jsx("span", {
42
- children: heading.text
43
- })
44
- })]
45
- }), /* @__PURE__ */ jsx(Span, {
46
- children
47
- })]
48
- }), action && /* @__PURE__ */ jsx("div", {
49
- className: "rds-panel__action",
50
- children: action
51
- })]
52
- });
53
- });
54
- Panel.displayName = "Panel";
55
- export { Panel as P };
@@ -1,14 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- const Warning = () => {
3
- return /* @__PURE__ */ jsx("svg", {
4
- width: "100%",
5
- fill: "none",
6
- xmlns: "http://www.w3.org/2000/svg",
7
- viewBox: "0 0 18 18",
8
- children: /* @__PURE__ */ jsx("path", {
9
- d: "M17.6 14.94 10.59 1.55a1.5 1.5 0 0 0-2.66 0l-7 13.4a1.5 1.5 0 0 0 1.32 2.19h14.02a1.5 1.5 0 0 0 1.33-2.2ZM8.51 6.26a.75.75 0 1 1 1.5 0v4.5a.75.75 0 1 1-1.5 0v-4.5Zm.79 8.63h-.02a1.15 1.15 0 0 1-1.07-1.53 1.1 1.1 0 0 1 1.01-.72h.02a1.15 1.15 0 0 1 1.08 1.53 1.1 1.1 0 0 1-1.02.72Z",
10
- fill: "currentColor"
11
- })
12
- });
13
- };
14
- export { Warning as W };
@@ -1,87 +0,0 @@
1
- import { forwardRef, useState, useEffect } from "react";
2
- import { S as Span } from "../typography/Typography.js";
3
- import { a as jsxs, F as Fragment, j as jsx } from "../core/RiksTV.js";
4
- var circularProgress = /* @__PURE__ */ (() => ".rds-progress--circular{width:var(--progress-circle-size);height:var(--progress-circle-size);position:relative}.rds-progress--circular__outer{width:var(--progress-circle-size);height:var(--progress-circle-size);padding:var(--rds-spacing--24);border-radius:50%;display:grid;place-items:center;box-sizing:border-box;text-align:center}.rds-progress--circular #path,.rds-progress--circular #prog{fill:none;stroke-width:12px;stroke-dasharray:314.159;stroke-dashoffset:314}.rds-progress--circular #prog{stroke:url(#GradientColor);animation:rds-in var(--progress) ease-in-out forwards;animation-delay:.2s}@media (prefers-reduced-motion){.rds-progress--circular #prog{opacity:0;animation-delay:0;stroke-dashoffset:var(--calculated-progress);animation:rds-progress-reduced 125ms linear forwards}}.rds-progress--circular #path{stroke:var(--rds-background-overlay-medium);animation:rds-in-path 1s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--circular #path{opacity:0;stroke-dashoffset:0;animation:rds-progress-reduced 125ms linear forwards}}@keyframes rds-progress-reduced{to{opacity:1}}@keyframes rds-in-path{to{stroke-dashoffset:0}}@keyframes rds-in{to{stroke-dashoffset:var(--calculated-progress)}}.rds-progress--circular svg{position:absolute;inset:0;transform:rotate(90deg)}\n")();
5
- const calculateProgress = ({
6
- progressRatio
7
- }) => (1 - progressRatio) * 100 * Math.PI;
8
- const CircularProgress = forwardRef(({
9
- progressRatio,
10
- label,
11
- size = "small",
12
- className = "",
13
- children,
14
- ...rest
15
- }, ref) => {
16
- const [calculatedProgress, setCalculatedProgress] = useState(0);
17
- const [sizeInPx] = useState(size === "small" ? "160px" : "260px");
18
- useEffect(() => {
19
- setCalculatedProgress(calculateProgress({
20
- progressRatio
21
- }));
22
- }, [progressRatio]);
23
- return /* @__PURE__ */ jsxs(Fragment, {
24
- children: [/* @__PURE__ */ jsxs("label", {
25
- className: "sr-only",
26
- "data-testid": "rds-progress__label",
27
- children: [label, /* @__PURE__ */ jsx("progress", {
28
- "data-testid": "rds-progress__progress",
29
- value: progressRatio,
30
- max: 1
31
- })]
32
- }), /* @__PURE__ */ jsxs("div", {
33
- ref,
34
- "data-testid": "rds-progress",
35
- className: `rds-progress--circular ${className}`,
36
- style: {
37
- "--progress-circle-size": sizeInPx
38
- },
39
- ...rest,
40
- children: [/* @__PURE__ */ jsx("div", {
41
- className: "rds-progress--circular__outer",
42
- "data-testid": "rds-progress__content",
43
- children: children || /* @__PURE__ */ jsx(Span, {
44
- "data-testid": "rds-progress__default-text",
45
- lookLike: "title-3",
46
- children: progressRatio === 1 ? "Du er i m\xE5l!" : `${progressRatio * 100} %`
47
- })
48
- }), /* @__PURE__ */ jsxs("svg", {
49
- style: {
50
- "--calculated-progress": calculatedProgress,
51
- "--progress": `${progressRatio + 1}s`
52
- },
53
- xmlns: "http://www.w3.org/2000/svg",
54
- version: "1.1",
55
- width: "var(--progress-circle-size)",
56
- height: "var(--progress-circle-size)",
57
- viewBox: "-10 0 120 100",
58
- children: [/* @__PURE__ */ jsx("defs", {
59
- children: /* @__PURE__ */ jsxs("linearGradient", {
60
- id: "GradientColor",
61
- children: [/* @__PURE__ */ jsx("stop", {
62
- offset: "0%",
63
- stopColor: "var(--rds-heading-accent)"
64
- }), /* @__PURE__ */ jsx("stop", {
65
- offset: "100%",
66
- stopColor: "var(--rds-background-card)"
67
- })]
68
- })
69
- }), /* @__PURE__ */ jsx("circle", {
70
- id: "path",
71
- cx: "50",
72
- cy: "50",
73
- r: "50",
74
- strokeLinecap: "round"
75
- }), /* @__PURE__ */ jsx("circle", {
76
- id: "prog",
77
- cx: "50",
78
- cy: "50",
79
- r: "50",
80
- strokeLinecap: "round"
81
- })]
82
- })]
83
- })]
84
- });
85
- });
86
- CircularProgress.displayName = "CircularProgress";
87
- export { CircularProgress as C };
@@ -1,42 +0,0 @@
1
- import { forwardRef } from "react";
2
- import { a as jsxs, j as jsx } from "../core/RiksTV.js";
3
- var Progress$1 = /* @__PURE__ */ (() => '.rds-progress{--rds-progress-height: .1875rem;--rds-progress-color: var(--rds-accent-color);--rds-progress-track-color: var(--rds-foreground-overlay-medium);max-width:300px}.rds-progress--animate .rds-progress__progress{animation:move-in-progress .25s ease-in-out forwards}@media (prefers-reduced-motion){.rds-progress--animate .rds-progress__progress{animation-duration:0ms}}@keyframes move-in-progress{0%{transform:scaleX(var(--progress)) translate(-100%)}to{transform:scaleX(var(--progress)) translate(0)}}.rds-progress__track{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-track-color);border-radius:var(--rds-roundness--default);overflow:hidden}.rds-progress__progress{width:100%;height:var(--rds-progress-height);background-color:var(--rds-progress-color);transform:scaleX(var(--progress));transform-origin:left;position:relative}.rds-progress__progress:after{content:"";position:absolute;right:calc(var(--rds-progress-height) * -2);top:0;background-color:var(--rds-progress-color);border-top-right-radius:50%;border-bottom-right-radius:50%;height:100%;width:calc(var(--rds-progress-height) * 2)}.rds-progress--done{width:1em;height:1em;background-color:var(--rds-feedback-confirm);clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%)}\n')();
4
- const Progress = forwardRef(({
5
- className = "",
6
- label,
7
- ratio,
8
- checkmarkOnDone = false,
9
- animateIn = false,
10
- ...rest
11
- }, ref) => {
12
- const progressStyle = {
13
- "--progress": ratio
14
- };
15
- return /* @__PURE__ */ jsxs("div", {
16
- "data-testid": "rds-progress__wrapper",
17
- className: `rds-progress ${animateIn ? "rds-progress--animate" : ""} ${className}`,
18
- children: [/* @__PURE__ */ jsxs("label", {
19
- "data-testid": "rds-progress__label",
20
- className: "sr-only",
21
- children: [/* @__PURE__ */ jsx("progress", {
22
- "data-testid": "rds-progress__sr",
23
- max: 1,
24
- value: ratio,
25
- ref,
26
- ...rest
27
- }), label]
28
- }), ratio === 1 && checkmarkOnDone && /* @__PURE__ */ jsx("div", {
29
- "data-testid": "rds-progress__mark",
30
- className: "rds-progress--done"
31
- }), (ratio !== 1 || !checkmarkOnDone) && /* @__PURE__ */ jsx("div", {
32
- className: "rds-progress__track",
33
- children: /* @__PURE__ */ jsx("div", {
34
- "data-testid": "rds-progress__bar",
35
- style: progressStyle,
36
- className: "rds-progress__progress"
37
- })
38
- })]
39
- });
40
- });
41
- Progress.displayName = "Progress";
42
- export { Progress as P };
@@ -1,13 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- const Gutter = ({
3
- className = "",
4
- children,
5
- ...rest
6
- }) => {
7
- return /* @__PURE__ */ jsx("div", {
8
- className: `rds-gutter ${className}`,
9
- ...rest,
10
- children
11
- });
12
- };
13
- export { Gutter as G };
@@ -1,13 +0,0 @@
1
- import { j as jsx } from "../core/RiksTV.js";
2
- const GutterPadding = ({
3
- className = "",
4
- children,
5
- ...rest
6
- }) => {
7
- return /* @__PURE__ */ jsx("div", {
8
- className: `rds-gutter-padding ${className}`,
9
- ...rest,
10
- children
11
- });
12
- };
13
- export { GutterPadding as G };