@brightspace-ui/core 3.228.3 → 3.230.0

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 (4) hide show
  1. package/components/colors/colors.js +12 -11
  2. package/components/skeleton/skeleton-mixin.js +46 -27
  3. package/lang/ar.js +24 -24
  4. package/package.json +1 -1
package/components/colors/colors.js CHANGED
@@ -19,8 +19,6 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
19
19
  --d2l-theme-background-color-interactive-translucent-default: #00000080;
20
20
  --d2l-theme-background-color-interactive-translucent-hover: var(--d2l-theme-brand-color-primary-default);
21
21
  --d2l-theme-background-color-sunken: #f6f7f8;
22
- --d2l-theme-badge-background-color: var(--d2l-color-gypsum);
23
- --d2l-theme-badge-text-color: var(--d2l-theme-text-color-static-standard);
24
22
  --d2l-theme-border-color-emphasized: var(--d2l-color-galena);
25
23
  --d2l-theme-border-color-focus: var(--d2l-color-celestine);
26
24
  --d2l-theme-border-color-standard: var(--d2l-color-mica);
@@ -31,8 +29,6 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
31
29
  --d2l-theme-icon-color-faint: var(--d2l-theme-border-color-standard);
32
30
  --d2l-theme-icon-color-inverted: #ffffff;
33
31
  --d2l-theme-icon-color-standard: var(--d2l-color-tungsten);
34
- --d2l-theme-notification-background-color: var(--d2l-color-carnelian-minus-1);
35
- --d2l-theme-notification-text-color: #ffffff;
36
32
  --d2l-theme-shadow-attached-color: #00000008;
37
33
  --d2l-theme-shadow-floating-color: #00000026;
38
34
  --d2l-theme-status-color-default: var(--d2l-color-celestine);
@@ -45,10 +41,15 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
45
41
  --d2l-theme-text-color-interactive-hover: var(--d2l-theme-brand-color-primary-hover);
46
42
  --d2l-theme-text-color-static-faint: var(--d2l-color-galena);
47
43
  --d2l-theme-text-color-static-inverted: #ffffff;
48
- --d2l-theme-text-color-static-disabled: #20212280; /* --d2l-theme-text-color-static-standard at 50% opacity, remove once color-mix is widely supported */
49
44
  --d2l-theme-text-color-static-standard: var(--d2l-color-ferrite);
50
45
  --d2l-theme-text-color-static-subtle: var(--d2l-color-tungsten);
51
46
 
47
+ --d2l-theme-badge-background-color: var(--d2l-color-gypsum);
48
+ --d2l-theme-badge-text-color: var(--d2l-theme-text-color-static-standard);
49
+ --d2l-theme-notification-background-color: var(--d2l-color-carnelian-minus-1);
50
+ --d2l-theme-notification-text-color: #ffffff;
51
+ --d2l-theme-text-color-static-disabled: #20212280; /* --d2l-theme-text-color-static-standard at 50% opacity, remove once color-mix is widely supported */
52
+
52
53
  --d2l-theme-opacity-disabled-control: 0.5;
53
54
  --d2l-theme-opacity-disabled-link: 0.74;
54
55
  --d2l-theme-opacity-disabled-linkicon: 0.64;
@@ -58,7 +59,6 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
58
59
  --d2l-theme-shadow-attached-block-end: 0 -2px 4px 0 rgba(0, 0, 0, 0.03);
59
60
  --d2l-theme-shadow-floating: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
60
61
  --d2l-theme-shadow-inset: inset 0 2px 0 0 rgba(177, 185, 190, 0.2); /* corundum */
61
-
62
62
  `;
63
63
 
64
64
  // Note: do not use these semantic variables outside of core yet - they are subject to change
@@ -78,8 +78,6 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
78
78
  --d2l-theme-background-color-interactive-translucent-default: #00000080;
79
79
  --d2l-theme-background-color-interactive-translucent-hover: var(--d2l-theme-brand-color-primary-default);
80
80
  --d2l-theme-background-color-sunken: #000000;
81
- --d2l-theme-badge-background-color: #303335;
82
- --d2l-theme-badge-text-color: var(--d2l-theme-text-color-static-standard);
83
81
  --d2l-theme-border-color-emphasized: var(--d2l-color-galena);
84
82
  --d2l-theme-border-color-focus: var(--d2l-color-celestine-plus-1);
85
83
  --d2l-theme-border-color-standard: var(--d2l-color-tungsten);
@@ -90,8 +88,6 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
90
88
  --d2l-theme-icon-color-faint: var(--d2l-theme-border-color-standard);
91
89
  --d2l-theme-icon-color-inverted: #ffffff;
92
90
  --d2l-theme-icon-color-standard: var(--d2l-color-corundum);
93
- --d2l-theme-notification-background-color: var(--d2l-color-carnelian-minus-1);
94
- --d2l-theme-notification-text-color: #ffffff;
95
91
  --d2l-theme-shadow-attached-color: #000000d9;
96
92
  --d2l-theme-shadow-floating-color: #000000d9;
97
93
  --d2l-theme-status-color-default: var(--d2l-theme-brand-color-primary-default);
@@ -104,10 +100,15 @@ if (globalThis.document !== undefined && !globalThis.document.head.querySelector
104
100
  --d2l-theme-text-color-interactive-hover: var(--d2l-theme-brand-color-primary-hover);
105
101
  --d2l-theme-text-color-static-faint: var(--d2l-color-galena);
106
102
  --d2l-theme-text-color-static-inverted: #161718;
107
- --d2l-theme-text-color-static-disabled: #cdd5dc80; /* --d2l-theme-text-color-static-standard at 50% opacity, remove once color-mix is widely supported */
108
103
  --d2l-theme-text-color-static-standard: var(--d2l-color-mica);
109
104
  --d2l-theme-text-color-static-subtle: var(--d2l-color-chromite);
110
105
 
106
+ --d2l-theme-badge-background-color: #303335;
107
+ --d2l-theme-badge-text-color: var(--d2l-theme-text-color-static-standard);
108
+ --d2l-theme-notification-background-color: var(--d2l-color-carnelian-minus-1);
109
+ --d2l-theme-notification-text-color: #ffffff;
110
+ --d2l-theme-text-color-static-disabled: #cdd5dc80; /* --d2l-theme-text-color-static-standard at 50% opacity, remove once color-mix is widely supported */
111
+
111
112
  --d2l-theme-opacity-disabled-control: 0.5;
112
113
  --d2l-theme-opacity-disabled-link: 0.74;
113
114
  --d2l-theme-opacity-disabled-linkicon: 0.64;
package/components/skeleton/skeleton-mixin.js CHANGED
@@ -2,25 +2,43 @@ import '../colors/colors.js';
2
2
  import { css } from 'lit';
3
3
  import { dedupeMixin } from '@open-wc/dedupe-mixin';
4
4
  import { EventSubscriberController } from '../../controllers/subscriber/subscriberControllers.js';
5
+ import { svgToCSS } from '../../helpers/svg-to-css.js';
5
6
 
6
7
  // DE50056: starting in Safari 16, the pulsing animation causes FACE
7
8
  // (and possibly elsewhere) to render a blank page
8
9
  const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
9
10
  const animation = isSafari ? css`none` : css`loadingPulse 1.8s linear infinite`;
10
11
 
12
+ const p2Mask = svgToCSS(`<svg xmlns="http://www.w3.org/2000/svg">
13
+ <rect y="11%" width="100%" height="27%" rx="4"/>
14
+ <rect y="61%" width="90%" height="27%" rx="4"/>
15
+ </svg>`);
16
+
17
+ const p3Mask = svgToCSS(`<svg xmlns="http://www.w3.org/2000/svg">
18
+ <rect y="7%" width="100%" height="18%" rx="4"/>
19
+ <rect y="40%" width="100%" height="18%" rx="4"/>
20
+ <rect y="74%" width="90%" height="18%" rx="4"/>
21
+ </svg>`);
22
+
23
+ const p5Mask = svgToCSS(`<svg xmlns="http://www.w3.org/2000/svg">
24
+ <rect y="4%" width="100%" height="11%" rx="4"/>
25
+ <rect y="24%" width="100%" height="11%" rx="4"/>
26
+ <rect y="44%" width="100%" height="11%" rx="4"/>
27
+ <rect y="64%" width="100%" height="11%" rx="4"/>
28
+ <rect y="84%" width="90%" height="11%" rx="4"/>
29
+ </svg>`);
30
+
11
31
  export const skeletonStyles = css`
12
32
  @keyframes loadingPulse {
13
- 0% { background-color: var(--d2l-color-sylvite); }
14
- 50% { background-color: var(--d2l-color-regolith); }
15
- 75% { background-color: var(--d2l-color-sylvite); }
16
- 100% { background-color: var(--d2l-color-sylvite); }
33
+ 0%, 75%, 100% { background-color: var(--d2l-theme-background-color-interactive-faint-hover); }
34
+ 50% { background-color: var(--d2l-theme-background-color-interactive-faint-default); }
17
35
  }
18
36
  :host([skeleton]) {
19
37
  isolation: isolate;
20
38
  }
21
39
  :host([skeleton]) .d2l-skeletize::before {
22
40
  animation: ${animation};
23
- background-color: var(--d2l-color-sylvite);
41
+ background-color: var(--d2l-theme-background-color-interactive-faint-hover);
24
42
  border-radius: 0.2rem;
25
43
  bottom: 0;
26
44
  content: '';
@@ -31,6 +49,9 @@ export const skeletonStyles = css`
31
49
  z-index: 997;
32
50
  }
33
51
  @media (prefers-reduced-motion: reduce) {
52
+ :host([skeleton]) .d2l-skeletize-paragraph-2::after,
53
+ :host([skeleton]) .d2l-skeletize-paragraph-3::after,
54
+ :host([skeleton]) .d2l-skeletize-paragraph-5::after,
34
55
  :host([skeleton]) .d2l-skeletize::before {
35
56
  animation: none;
36
57
  }
@@ -38,7 +59,7 @@ export const skeletonStyles = css`
38
59
  :host([skeleton]) .d2l-skeletize,
39
60
  :host([skeleton]) .d2l-skeletize-container {
40
61
  background-color: transparent;
41
- border-color: var(--d2l-color-sylvite);
62
+ border-color: var(--d2l-theme-background-color-interactive-faint-hover);
42
63
  box-shadow: none;
43
64
  color: transparent;
44
65
  position: relative;
@@ -47,40 +68,38 @@ export const skeletonStyles = css`
47
68
  :host([skeleton]) .d2l-skeletize-paragraph-3,
48
69
  :host([skeleton]) .d2l-skeletize-paragraph-5 {
49
70
  color: transparent;
71
+ position: relative;
72
+ }
73
+ :host([skeleton]) .d2l-skeletize-paragraph-2::after,
74
+ :host([skeleton]) .d2l-skeletize-paragraph-3::after,
75
+ :host([skeleton]) .d2l-skeletize-paragraph-5::after {
76
+ background-color: var(--d2l-theme-background-color-interactive-faint-hover);
77
+ content: '';
78
+ inset: 0;
79
+ position: absolute;
50
80
  transform: var(--d2l-mirror-transform, ${document.dir === 'rtl' ? css`scale(-1, 1)` : css`none`}); /* stylelint-disable-line @stylistic/string-quotes, @stylistic/function-whitespace-after */
51
81
  transform-origin: center;
82
+ animation: ${animation};
52
83
  }
53
- :host([skeleton]) .d2l-skeletize-paragraph-2 {
54
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%40keyframes%20loadingPulse%7B0%25%2C75%25%7Bfill%3A%23f1f5fb%7D50%25%7Bfill%3A%23f9fbff%7D%7D.skeleton%7Banimation%3AloadingPulse%201.8s%20linear%20infinite%3Bfill%3A%23f1f5fb%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Crect%20y%3D%2211%25%22%20width%3D%22100%25%22%20height%3D%2227%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2261%25%22%20width%3D%2290%25%22%20height%3D%2227%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%3C%2Fsvg%3E');
55
- }
56
- @media (prefers-reduced-motion: reduce) {
57
- :host([skeleton]) .d2l-skeletize-paragraph-2 {
58
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20y%3D%2211%25%22%20width%3D%22100%25%22%20height%3D%2227%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2261%25%22%20width%3D%2290%25%22%20height%3D%2227%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%3C%2Fsvg%3E');
59
- }
84
+ :host([skeleton]) .d2l-skeletize-paragraph-2::after {
85
+ -webkit-mask-image: ${p2Mask};
86
+ mask-image: ${p2Mask};
60
87
  }
61
88
  :host([skeleton]) .d2l-skeletize-paragraph-2::before {
62
89
  content: '\\A';
63
90
  white-space: pre;
64
91
  }
65
- :host([skeleton]) .d2l-skeletize-paragraph-3 {
66
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%40keyframes%20loadingPulse%7B0%25%2C75%25%7Bfill%3A%23f1f5fb%7D50%25%7Bfill%3A%23f9fbff%7D%7D.skeleton%7Banimation%3AloadingPulse%201.8s%20linear%20infinite%3Bfill%3A%23f1f5fb%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Crect%20y%3D%227%25%22%20width%3D%22100%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2240%25%22%20width%3D%22100%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2274%25%22%20width%3D%2290%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%3C%2Fsvg%3E');
67
- }
68
- @media (prefers-reduced-motion: reduce) {
69
- :host([skeleton]) .d2l-skeletize-paragraph-3 {
70
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20y%3D%227%25%22%20width%3D%22100%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2240%25%22%20width%3D%22100%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2274%25%22%20width%3D%2290%25%22%20height%3D%2218%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%3C%2Fsvg%3E');
71
- }
92
+ :host([skeleton]) .d2l-skeletize-paragraph-3::after {
93
+ -webkit-mask-image: ${p3Mask};
94
+ mask-image: ${p3Mask};
72
95
  }
73
96
  :host([skeleton]) .d2l-skeletize-paragraph-3::before {
74
97
  content: '\\A \\A';
75
98
  white-space: pre;
76
99
  }
77
- :host([skeleton]) .d2l-skeletize-paragraph-5 {
78
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Cstyle%3E%0A%20%20%20%20%40keyframes%20loadingPulse%7B0%25%2C75%25%7Bfill%3A%23f1f5fb%7D50%25%7Bfill%3A%23f9fbff%7D%7D.skeleton%7Banimation%3AloadingPulse%201.8s%20linear%20infinite%3Bfill%3A%23f1f5fb%7D%0A%20%20%3C%2Fstyle%3E%0A%20%20%3Crect%20y%3D%224%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2224%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2244%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2264%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%20%20%3Crect%20y%3D%2284%25%22%20width%3D%2290%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20class%3D%22skeleton%22%2F%3E%0A%3C%2Fsvg%3E');
79
- }
80
- @media (prefers-reduced-motion: reduce) {
81
- :host([skeleton]) .d2l-skeletize-paragraph-5 {
82
- background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%3Crect%20y%3D%224%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2224%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2244%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2264%25%22%20width%3D%22100%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%20%20%3Crect%20y%3D%2284%25%22%20width%3D%2290%25%22%20height%3D%2211%25%22%20rx%3D%224%22%20fill%3D%22%23f1f5fb%22%2F%3E%0A%3C%2Fsvg%3E');
83
- }
100
+ :host([skeleton]) .d2l-skeletize-paragraph-5::after {
101
+ -webkit-mask-image: ${p5Mask};
102
+ mask-image: ${p5Mask};
84
103
  }
85
104
  :host([skeleton]) .d2l-skeletize-paragraph-5::before {
86
105
  content: '\\A \\A \\A \\A';
package/lang/ar.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export default {
2
2
  "components.alert.close": "إغلاق التنبيه",
3
- "components.breadcrumbs.breadcrumb": "شريط التنقل",
3
+ "components.breadcrumbs.breadcrumb": "مسار التنقل",
4
4
  "components.button-add.addItem": "إضافة عنصر",
5
5
  "components.button-copy.copied": "تم النسخ!",
6
6
  "components.button-copy.error": "فشل النسخ. حاول مرة أخرى، أو حاول النسخ يدويًا.",
@@ -14,7 +14,7 @@ export default {
14
14
  "components.dialog.critical": "مهم!",
15
15
  "components.dropdown.close": "إغلاق",
16
16
  "components.filter.activeFilters": "عوامل تصفية نشطة:",
17
- "components.filter.additionalContentTooltip": "استخدم <b>مفاتيح السهم لليمين/اليسار</b> لنقل التركيز داخل عنصر القائمة هذا",
17
+ "components.filter.additionalContentTooltip": "استخدم <b>مفتاحَي الأسهم لليسار/اليمين</b> لنقل التركيز داخل عنصر القائمة هذا",
18
18
  "components.filter.clear": "مسح",
19
19
  "components.filter.clearAll": "مسح الكل",
20
20
  "components.filter.clearAllAnnounce": "جارٍ مسح كل عوامل التصفية",
@@ -25,8 +25,8 @@ export default {
25
25
  "components.filter.clearDescription": "مسح عوامل التصفية لـ: {filterName}",
26
26
  "components.filter.filterCountDescription":
27
27
  `{number, plural,
28
- =0 {لم يتم تطبيق عوامل تصفية.}
29
- one {تم تطبيق {number} عامل تصفية}
28
+ =0 {لم يتم تطبيق أي عوامل تصفية.}
29
+ one {تم تطبيق {number} عامل تصفية.}
30
30
  other {تم تطبيق {number} من عوامل التصفية.}
31
31
  }`,
32
32
  "components.filter.filters": "عوامل التصفية",
@@ -34,7 +34,7 @@ export default {
34
34
  "components.filter.noFilters": "ما من عوامل تصفية متوفرة",
35
35
  "components.filter.searchResults":
36
36
  `{number, plural,
37
- =0 {ما من نتائج بحث}
37
+ =0 {لا توجد نتائج بحث}
38
38
  one {{number} نتيجة بحث}
39
39
  other {{number} من نتائج البحث}
40
40
  }`,
@@ -42,7 +42,7 @@ export default {
42
42
  "components.filter.singleDimensionDescription": "التصفية حسب: {filterName}",
43
43
  "components.filter-dimension-set-date-text-value.textDays":
44
44
  `{num, plural,
45
- =0 {يوم}
45
+ =0 {اليوم}
46
46
  one {آخر {num} يوم}
47
47
  other {آخر {num} من الأيام}
48
48
  }`,
@@ -98,11 +98,11 @@ export default {
98
98
  "components.input-date.errorMinDateOnly": "يجب أن يكون التاريخ في {minDate} أو بعده",
99
99
  "components.input-date.errorOutsideRange": "يجب أن يكون التاريخ بين {minDate} و{maxDate}",
100
100
  "components.input-date.now": "الآن",
101
- "components.input-date.openInstructions": "استخدم تنسيق التاريخ {format}. انتقل إلى الأسفل أو اضغط على Enter للوصول إلى التقويم المصغّر.",
101
+ "components.input-date.openInstructions": "استخدم تنسيق التاريخ {format}. اضغط على السهم للأسفل أو اضغط على إدخال/enter للوصول إلى التقويم المصغر.",
102
102
  "components.input-date.revert": "تمت إعادة {label} إلى القيمة السابقة.",
103
103
  "components.input-date.today": "اليوم",
104
104
  "components.input-date.useDateFormat": "استخدم تنسيق التاريخ {format}.",
105
- "components.input-date-range.endDate": "تاريخ الانتهاء",
105
+ "components.input-date-range.endDate": "تاريخ النهاية",
106
106
  "components.input-date-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
107
107
  "components.input-date-range.interactive-label": "إدخال نطاق التاريخ",
108
108
  "components.input-date-range.startDate": "تاريخ البدء",
@@ -111,37 +111,37 @@ export default {
111
111
  "components.input-date-time.errorMinDateOnly": "يجب أن يكون التاريخ في {minDate} أو بعده",
112
112
  "components.input-date-time.errorOutsideRange": "يجب أن يكون التاريخ بين {minDate} و{maxDate}",
113
113
  "components.input-date-time.time": "الوقت",
114
- "components.input-date-time-range.endDate": "تاريخ الانتهاء",
114
+ "components.input-date-time-range.endDate": "تاريخ النهاية",
115
115
  "components.input-date-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
116
116
  "components.input-date-time-range.interactive-label": "إدخال نطاق التاريخ والوقت",
117
117
  "components.input-date-time-range.startDate": "تاريخ البدء",
118
118
  "components.input-date-time-range-to.to": "إلى",
119
- "components.input-number.hintDecimalDuplicate": "يوجد بالفعل عدد عشري في هذا الرقم",
119
+ "components.input-number.hintDecimalDuplicate": "يوجد عدد عشري بالفعل في هذا الرقم",
120
120
  "components.input-number.hintDecimalIncorrectComma": "لإضافة عدد عشري، استخدم حرف الفاصلة ”,“",
121
- "components.input-number.hintDecimalIncorrectPeriod": "لإضافة عدد عشري، استخدم حرف النقطة ”.“",
121
+ "components.input-number.hintDecimalIncorrectPeriod": "لإضافة علامة عشرية استخدم النقطة ”.“",
122
122
  "components.input-number.hintInteger": "يقبل هذا الحقل قيم الأعداد الصحيحة فقط (بدون أعداد عشرية)",
123
123
  "components.input-search.clear": "مسح البحث",
124
- "components.input-search.defaultPlaceholder": "البحث...",
125
- "components.input-search.search": "بحث",
126
- "components.input-time-range.endTime": "وقت النهاية",
124
+ "components.input-search.defaultPlaceholder": "بحث...",
125
+ "components.input-search.search": "البحث",
126
+ "components.input-time-range.endTime": "وقت الانتهاء",
127
127
  "components.input-time-range.errorBadInput": "يجب أن يكون تاريخ {startLabel} قبل {endLabel}",
128
128
  "components.input-time-range.startTime": "وقت البدء",
129
129
  "components.interactive.instructions": "اضغط على Enter للتفاعل، وEscape للخروج",
130
130
  "components.link.open-in-new-window": "يفتح في نافذة جديدة.",
131
- "components.list.keyboard": "استخدم <b>مفاتيح الأسهم</b> لنقل التركيز داخل هذه القائمة، أو <b>صفحة إلى الأعلى/الأسفل</b> للتحرك إلى الأعلى أو الأسفل بمقدار 5",
131
+ "components.list.keyboard": "استخدم <b>مفاتيح الأسهم</b> لنقل التركيز داخل هذه القائمة، أو <b>مفاتيح الصفحة لأعلى/لأسفل</b> لتحريك لأعلى أو لأسفل بمقدار 5",
132
132
  "components.list-controls.label": "إجراءات القائمة",
133
133
  "components.list-item.addItem": "إضافة عنصر",
134
134
  "components.list-item-drag-handle.default": "إعادة ترتيب إجراء المادة لـ {name}",
135
- "components.list-item-drag-handle.keyboard": "إعادة ترتيب المواد، الموضع الحالي {currentPosition} من أصل {size}. لنقل هذه المادة، اضغط على السهم المتجه إلى أعلى أو السهم المتجه إلى أسفل.",
135
+ "components.list-item-drag-handle.keyboard": "قم بإعادة ترتيب العنصر، الموضع الحالي {currentPosition} من {size}. لنقل هذا العنصر، اضغط على سهما لأعلى أو لأسفل.",
136
136
  "components.list-item-drag-handle-tooltip.enter-desc": "تبديل وضع إعادة ترتيب لوحة المفاتيح.",
137
137
  "components.list-item-drag-handle-tooltip.enter-key": "إدخال",
138
- "components.list-item-drag-handle-tooltip.left-right-desc": "غيِّر مستوى التداخل.",
138
+ "components.list-item-drag-handle-tooltip.left-right-desc": "غيِّر مستوى التداخل.",
139
139
  "components.list-item-drag-handle-tooltip.left-right-key": "يسار/يمين",
140
140
  "components.list-item-drag-handle-tooltip.title": "عناصر التحكم بلوحة المفاتيح لإعادة الترتيب:",
141
141
  "components.list-item-drag-handle-tooltip.up-down-desc": "نقل المادة إلى الأعلى أو الأسفل في القائمة.",
142
142
  "components.list-item-drag-handle-tooltip.up-down-key": "أعلى/أسفل",
143
143
  "components.menu-item-return.return": "العودة إلى القائمة السابقة.",
144
- "components.menu-item-return.returnCurrentlyShowing": "العودة إلى القائمة السابقة. يتم عرض {menuTitle}.",
144
+ "components.menu-item-return.returnCurrentlyShowing": "العودة إلى القائمة السابقة. أنت تعرض {menuTitle}.",
145
145
  "components.meter-mixin.commaSeperatedAria": "{term1}، ‏{term2}",
146
146
  "components.meter-mixin.fraction": "{x}∕{y}",
147
147
  "components.meter-mixin.fractionAria": "{x} من {y}",
@@ -186,7 +186,7 @@ export default {
186
186
  "components.selection.selected-plus": "تم تحديد {count}+‎",
187
187
  "components.selection-controls.label": "إجراءات التحديد",
188
188
  "components.sort.label": "فرز",
189
- "components.sort.text": "فرز: {selectedItemText}",
189
+ "components.sort.text": "الفرز: {selectedItemText}",
190
190
  "components.switch.conditions": "يجب استيفاء الشروط",
191
191
  "components.switch.hidden": "مخفي",
192
192
  "components.switch.visible": "مرئي",
@@ -207,7 +207,7 @@ export default {
207
207
  desc {الفرز من ي إلى أ}
208
208
  other {الفرز من أ إلى ي}
209
209
  }}
210
- value {الفرز {selectedMenuItemText}}
210
+ value {تم فرز {selectedMenuItemText}}
211
211
  other {{direction, select,
212
212
  desc {الفرز تنازليًا}
213
213
  other {الفرز تصاعديًا}
@@ -216,7 +216,7 @@ export default {
216
216
  "components.table-controls.label": "إجراءات للجدول",
217
217
  "components.tabs.next": "التمرير إلى الأمام",
218
218
  "components.tabs.previous": "التمرير إلى الخلف",
219
- "components.tag-list.clear": "انقر فوق، أو اضغط على مسافة للخلف، أو اضغط على مفتاح حذف لإزالة العنصر {value}",
219
+ "components.tag-list.clear": "انقر، أو اضغط على مسافة للخلف، أو اضغط على مفتاح الحذف لإزالة العنصر {value}",
220
220
  "components.tag-list.clear-all": "مسح الكل",
221
221
  "components.tag-list.cleared-all": "تمت إزالة كل عناصر قائمة العلامات",
222
222
  "components.tag-list.cleared-item": "تمت إزالة عنصر قائمة العلامات {value}",
@@ -224,9 +224,9 @@ export default {
224
224
  "components.tag-list.num-hidden": "زيادة {count} إضافي",
225
225
  "components.tag-list.role-description":
226
226
  `{count, plural,
227
- =0 {قائمة العلامات بها 0 عناصر}
228
- one {قائمة العلامات بها {count} عنصر}
229
- other {قائمة العلامات بها {count} من العناصر}
227
+ =0 {قائمة علامات لا تضم أي عناصر}
228
+ one {قائمة علامات تضم {count} عنصرًا واحدًا}
229
+ other {قائمة علامات تضم {count} من العناصر}
230
230
  }`,
231
231
  "components.tag-list.show-less": "إظهار أقل",
232
232
  "components.tag-list.show-more-description": "حدد لإظهار عناصر قائمة العلامات المخفية",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@brightspace-ui/core",
3
- "version": "3.228.3",
3
+ "version": "3.230.0",
4
4
  "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
5
5
  "type": "module",
6
6
  "repository": "https://github.com/BrightspaceUI/core.git",