@react-spectrum/s2 3.0.0-nightly-c81a23ccd-250409 → 3.0.0-nightly-58d96cace-250410

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 (160) hide show
  1. package/dist/ActionButton.cjs +1 -0
  2. package/dist/ActionButton.cjs.map +1 -1
  3. package/dist/ActionButton.css.map +1 -1
  4. package/dist/ActionButton.mjs +1 -0
  5. package/dist/ActionButton.mjs.map +1 -1
  6. package/dist/Disclosure.cjs +24 -21
  7. package/dist/Disclosure.cjs.map +1 -1
  8. package/dist/Disclosure.css +12 -20
  9. package/dist/Disclosure.css.map +1 -1
  10. package/dist/Disclosure.mjs +24 -21
  11. package/dist/Disclosure.mjs.map +1 -1
  12. package/dist/NotificationBadge.cjs +15 -9
  13. package/dist/NotificationBadge.cjs.map +1 -1
  14. package/dist/NotificationBadge.css +22 -10
  15. package/dist/NotificationBadge.css.map +1 -1
  16. package/dist/NotificationBadge.mjs +15 -9
  17. package/dist/NotificationBadge.mjs.map +1 -1
  18. package/dist/ar-AE.cjs +4 -2
  19. package/dist/ar-AE.cjs.map +1 -1
  20. package/dist/ar-AE.mjs +4 -2
  21. package/dist/ar-AE.mjs.map +1 -1
  22. package/dist/bg-BG.cjs +4 -2
  23. package/dist/bg-BG.cjs.map +1 -1
  24. package/dist/bg-BG.mjs +4 -2
  25. package/dist/bg-BG.mjs.map +1 -1
  26. package/dist/cs-CZ.cjs +8 -3
  27. package/dist/cs-CZ.cjs.map +1 -1
  28. package/dist/cs-CZ.mjs +8 -3
  29. package/dist/cs-CZ.mjs.map +1 -1
  30. package/dist/da-DK.cjs +6 -4
  31. package/dist/da-DK.cjs.map +1 -1
  32. package/dist/da-DK.mjs +6 -4
  33. package/dist/da-DK.mjs.map +1 -1
  34. package/dist/de-DE.cjs +5 -4
  35. package/dist/de-DE.cjs.map +1 -1
  36. package/dist/de-DE.mjs +5 -4
  37. package/dist/de-DE.mjs.map +1 -1
  38. package/dist/el-GR.cjs +4 -2
  39. package/dist/el-GR.cjs.map +1 -1
  40. package/dist/el-GR.mjs +4 -2
  41. package/dist/el-GR.mjs.map +1 -1
  42. package/dist/es-ES.cjs +8 -7
  43. package/dist/es-ES.cjs.map +1 -1
  44. package/dist/es-ES.mjs +8 -7
  45. package/dist/es-ES.mjs.map +1 -1
  46. package/dist/et-EE.cjs +4 -2
  47. package/dist/et-EE.cjs.map +1 -1
  48. package/dist/et-EE.mjs +4 -2
  49. package/dist/et-EE.mjs.map +1 -1
  50. package/dist/fi-FI.cjs +5 -3
  51. package/dist/fi-FI.cjs.map +1 -1
  52. package/dist/fi-FI.mjs +5 -3
  53. package/dist/fi-FI.mjs.map +1 -1
  54. package/dist/fr-FR.cjs +5 -4
  55. package/dist/fr-FR.cjs.map +1 -1
  56. package/dist/fr-FR.mjs +5 -4
  57. package/dist/fr-FR.mjs.map +1 -1
  58. package/dist/he-IL.cjs +7 -6
  59. package/dist/he-IL.cjs.map +1 -1
  60. package/dist/he-IL.mjs +7 -6
  61. package/dist/he-IL.mjs.map +1 -1
  62. package/dist/hr-HR.cjs +9 -4
  63. package/dist/hr-HR.cjs.map +1 -1
  64. package/dist/hr-HR.mjs +9 -4
  65. package/dist/hr-HR.mjs.map +1 -1
  66. package/dist/hu-HU.cjs +4 -2
  67. package/dist/hu-HU.cjs.map +1 -1
  68. package/dist/hu-HU.mjs +4 -2
  69. package/dist/hu-HU.mjs.map +1 -1
  70. package/dist/it-IT.cjs +4 -3
  71. package/dist/it-IT.cjs.map +1 -1
  72. package/dist/it-IT.mjs +4 -3
  73. package/dist/it-IT.mjs.map +1 -1
  74. package/dist/ja-JP.cjs +5 -3
  75. package/dist/ja-JP.cjs.map +1 -1
  76. package/dist/ja-JP.mjs +5 -3
  77. package/dist/ja-JP.mjs.map +1 -1
  78. package/dist/ko-KR.cjs +6 -4
  79. package/dist/ko-KR.cjs.map +1 -1
  80. package/dist/ko-KR.mjs +6 -4
  81. package/dist/ko-KR.mjs.map +1 -1
  82. package/dist/lt-LT.cjs +6 -4
  83. package/dist/lt-LT.cjs.map +1 -1
  84. package/dist/lt-LT.mjs +6 -4
  85. package/dist/lt-LT.mjs.map +1 -1
  86. package/dist/lv-LV.cjs +7 -5
  87. package/dist/lv-LV.cjs.map +1 -1
  88. package/dist/lv-LV.mjs +7 -5
  89. package/dist/lv-LV.mjs.map +1 -1
  90. package/dist/main.cjs +0 -2
  91. package/dist/main.cjs.map +1 -1
  92. package/dist/module.mjs +2 -2
  93. package/dist/module.mjs.map +1 -1
  94. package/dist/nb-NO.cjs +10 -5
  95. package/dist/nb-NO.cjs.map +1 -1
  96. package/dist/nb-NO.mjs +10 -5
  97. package/dist/nb-NO.mjs.map +1 -1
  98. package/dist/nl-NL.cjs +4 -2
  99. package/dist/nl-NL.cjs.map +1 -1
  100. package/dist/nl-NL.mjs +4 -2
  101. package/dist/nl-NL.mjs.map +1 -1
  102. package/dist/pl-PL.cjs +9 -4
  103. package/dist/pl-PL.cjs.map +1 -1
  104. package/dist/pl-PL.mjs +9 -4
  105. package/dist/pl-PL.mjs.map +1 -1
  106. package/dist/pt-BR.cjs +4 -2
  107. package/dist/pt-BR.cjs.map +1 -1
  108. package/dist/pt-BR.mjs +4 -2
  109. package/dist/pt-BR.mjs.map +1 -1
  110. package/dist/pt-PT.cjs +4 -2
  111. package/dist/pt-PT.cjs.map +1 -1
  112. package/dist/pt-PT.mjs +4 -2
  113. package/dist/pt-PT.mjs.map +1 -1
  114. package/dist/ro-RO.cjs +6 -5
  115. package/dist/ro-RO.cjs.map +1 -1
  116. package/dist/ro-RO.mjs +6 -5
  117. package/dist/ro-RO.mjs.map +1 -1
  118. package/dist/ru-RU.cjs +9 -4
  119. package/dist/ru-RU.cjs.map +1 -1
  120. package/dist/ru-RU.mjs +9 -4
  121. package/dist/ru-RU.mjs.map +1 -1
  122. package/dist/sk-SK.cjs +8 -3
  123. package/dist/sk-SK.cjs.map +1 -1
  124. package/dist/sk-SK.mjs +8 -3
  125. package/dist/sk-SK.mjs.map +1 -1
  126. package/dist/sl-SI.cjs +9 -4
  127. package/dist/sl-SI.cjs.map +1 -1
  128. package/dist/sl-SI.mjs +9 -4
  129. package/dist/sl-SI.mjs.map +1 -1
  130. package/dist/sr-SP.cjs +8 -3
  131. package/dist/sr-SP.cjs.map +1 -1
  132. package/dist/sr-SP.mjs +8 -3
  133. package/dist/sr-SP.mjs.map +1 -1
  134. package/dist/sv-SE.cjs +4 -3
  135. package/dist/sv-SE.cjs.map +1 -1
  136. package/dist/sv-SE.mjs +4 -3
  137. package/dist/sv-SE.mjs.map +1 -1
  138. package/dist/tr-TR.cjs +5 -3
  139. package/dist/tr-TR.cjs.map +1 -1
  140. package/dist/tr-TR.mjs +5 -3
  141. package/dist/tr-TR.mjs.map +1 -1
  142. package/dist/types.d.ts +2 -1
  143. package/dist/types.d.ts.map +1 -1
  144. package/dist/uk-UA.cjs +8 -3
  145. package/dist/uk-UA.cjs.map +1 -1
  146. package/dist/uk-UA.mjs +8 -3
  147. package/dist/uk-UA.mjs.map +1 -1
  148. package/dist/zh-CN.cjs +4 -2
  149. package/dist/zh-CN.cjs.map +1 -1
  150. package/dist/zh-CN.mjs +4 -2
  151. package/dist/zh-CN.mjs.map +1 -1
  152. package/dist/zh-TW.cjs +4 -2
  153. package/dist/zh-TW.cjs.map +1 -1
  154. package/dist/zh-TW.mjs +4 -2
  155. package/dist/zh-TW.mjs.map +1 -1
  156. package/package.json +19 -19
  157. package/src/ActionButton.tsx +1 -0
  158. package/src/Disclosure.tsx +18 -24
  159. package/src/NotificationBadge.tsx +7 -3
  160. package/src/index.ts +1 -1
@@ -1 +1 @@
1
- {"mappings":"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","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n /**\n * The size of the disclosure.\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The amount of space between the disclosures.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean,\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode\n}\n\nexport const DisclosureContext = createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {\n size = 'M',\n density = 'regular',\n isQuiet,\n UNSAFE_style,\n UNSAFE_className = ''\n } = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider\n values={[\n [DisclosureContext, {size, isQuiet, density}]\n ]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /** The heading level of the disclosure header.\n * \n * @default 3\n */\n level?: number,\n /** The contents of the disclosure header. */\n children: React.ReactNode\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: 'neutral',\n isDisabled: 'disabled'\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'heading-xs',\n M: 'heading-sm',\n L: 'heading',\n XL: 'heading-lg'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: '[calc(self(minHeight) * 3/8 - 1px)]',\n paddingY: centerPadding(),\n gap: '[calc(self(minHeight) * 3/8 - 1px)]',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n M: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n L: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n },\n XL: {\n density: {\n compact: 48,\n regular: 56,\n spacious: 64\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'control',\n isQuiet: 'control'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_className,\n UNSAFE_style,\n children\n } = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n let mapSize = {\n S: 'XS',\n M: 'S',\n L: 'M',\n XL: 'L'\n };\n\n // maps to one size smaller in the compact density to ensure there is space between the top and bottom of the action button and container\n let newSize : 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n if (density === 'compact') {\n newSize = mapSize[size ?? 'M'] as 'XS' | 'S' | 'M' | 'L';\n }\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n let {\n level = 3,\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return (\n <DisclosureHeader>\n {buttonTrigger}\n </DisclosureHeader>\n );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n children: React.ReactNode\n}\n\nconst panelStyles = style({\n font: 'body',\n paddingTop: {\n isExpanded: 8\n },\n paddingBottom: {\n isExpanded: 16\n },\n paddingX: {\n isExpanded: {\n size: {\n S: 8,\n M: 9,\n L: 12,\n XL: 15\n }\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n {props.children}\n </RACDisclosurePanel>\n );\n});\n\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}
1
+ {"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;AA+BM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAuE;AAEpH,MAAM;;;;;;;;;;;;;;;;;;;;;;AA2BC,MAAM,0DAAa,CAAA,GAAA,iBAAS,EAAE,SAAS,WAAW,KAAsB,EAAE,GAA2B;IAC1G,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,cACP,UAAU,oBACV,OAAO,gBACP,YAAY,oBACZ,mBAAmB,IACpB,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,IAAI,YAAY,CAAA,GAAA,iBAAS,EAAE,+CAAuB;IAElD,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC;gBAAmB;0BAAC;6BAAM;6BAAS;gBAAO;aAAE;SAC9C;kBACD,cAAA,gBAAC,CAAA,GAAA,iBAAY;YACV,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,iCAAW;yBAAC;2BAAS;YAAS,GAAG,MAAM,MAAM;sBAClF,MAAM,QAAQ;;;AAIvB;AAgBA,MAAM;AAQN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EN,MAAM;;;;;;;;;;;AAaN,MAAM,+DAA2B,CAAA,GAAA,oBAAY,EAAa;AAE1D,SAAS,qDAA+B,KAA4B,EAAE,GAA2B;IAC/F,IAAI,oBACF,gBAAgB,gBAChB,YAAY,YACZ,QAAQ,EACT,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAEjD,iKAAiK;IACjK,IAAI,UAAsD;IAC1D,MAAM,QAAQ;QAAC;QAAM;QAAK;QAAK;QAAK;KAAK;IACzC,MAAM,eAAe,MAAM,OAAO,CAAC,QAAQ;IAC3C,MAAM,QAAQ,YAAY,YAAY,IAAI;IAC1C,UAAU,KAAK,CAAC,KAAK,GAAG,CAAC,GAAG,eAAe,OAAO;IAElD,qBACE,gBAAC,CAAA,GAAA,eAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAkB;gBAAG;oBAAC,MAAM;6BAAS;gBAAO;aAAE;YAC/C;gBAAC;gBAA0B,CAAC;aAAE;SAC/B;kBACD,cAAA,gBAAC;YACC,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC;YACjC,KAAK;sBACJ;;;AAIT;AAKO,MAAM,4CAAiC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAKtE,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,SACF,QAAQ,iBACR,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,QAAC,IAAI,WAAE,OAAO,WAAE,OAAO,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IACjD,IAAI,QAAQ,cAAc;IAE1B,IAAI,8BACF,gBAAC,CAAA,GAAA,cAAM;QACJ,GAAG,QAAQ;QACZ,OAAO;QACP,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK;kBACtC,cAAA,iBAAC,CAAA,GAAA,aAAK;YAAE,WAAW,CAAC,cAAgB,mCAAa;oBAAC,GAAG,WAAW;0BAAE;6BAAM;6BAAS;gBAAO;YAAI,MAAK;;8BAC/F,gBAAC,CAAA,GAAA,yCAAa;8BACZ,cAAA,gBAAC,CAAA,GAAA,wCAAM;wBAAE,MAAM;wBAAM,WAAW,oCAAc;wCAAC;mCAAY;wBAAK;wBAAI,eAAY;;;gBAEjF,MAAM,QAAQ;;;;IAIrB,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,KACF,OAAO;IAGT,qBACE,gBAAC;kBACE;;AAGP;AAMA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBC,MAAM,0DAAkB,CAAA,GAAA,iBAAS,EAAE,SAAS,gBAAgB,KAA2B,EAAE,GAA2B;IACzH,IAAI,gBACF,YAAY,oBACZ,mBAAmB,IACnB,GAAG,YACJ,GAAG;IACJ,MAAM,WAAW,CAAA,GAAA,qBAAa,EAAE;IAChC,IAAI,QAAC,IAAI,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;IAC/B,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,6BAAqB;IACnD,IAAI,WAAW,CAAA,GAAA,gBAAQ,EAAE;IACzB,qBACE,gBAAC,CAAA,GAAA,sBAAiB;QACf,GAAG,QAAQ;QACZ,KAAK;QACL,OAAO;QACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,kCAAY;kBAAC;wBAAM;QAAU;kBAClE,MAAM,QAAQ;;AAGrB","sources":["packages/@react-spectrum/s2/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButtonContext} from './ActionButton';\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, forwardRefType} from '@react-types/shared';\nimport {Button, ContextValue, DisclosureStateContext, Heading, Provider, Disclosure as RACDisclosure, DisclosurePanel as RACDisclosurePanel, DisclosurePanelProps as RACDisclosurePanelProps, DisclosureProps as RACDisclosureProps, useLocale, useSlottedContext} from 'react-aria-components';\nimport {CenterBaseline} from './CenterBaseline';\nimport {centerPadding, getAllowedOverrides, StyleProps, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport Chevron from '../ui-icons/Chevron';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {focusRing, lightDark, style} from '../style' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode, useContext} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface DisclosureProps extends Omit<RACDisclosureProps, 'className' | 'style' | 'children'>, StyleProps {\n /**\n * The size of the disclosure.\n * @default 'M'\n */\n size?: 'S' | 'M' | 'L' | 'XL',\n /**\n * The amount of space between the disclosures.\n * @default 'regular'\n */\n density?: 'compact' | 'regular' | 'spacious',\n /** Whether the disclosure should be displayed with a quiet style. */\n isQuiet?: boolean,\n /** The contents of the disclosure, consisting of a DisclosureTitle and DisclosurePanel. */\n children: ReactNode\n}\n\nexport const DisclosureContext = createContext<ContextValue<Partial<DisclosureProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst disclosure = style({\n color: 'heading',\n borderTopWidth: {\n default: 1,\n isQuiet: 0\n },\n borderBottomWidth: {\n default: 1,\n isQuiet: 0,\n isInGroup: {\n default: 0,\n ':last-child': {\n default: 1,\n isQuiet: 0\n }\n }\n },\n borderStartWidth: 0,\n borderEndWidth: 0,\n borderStyle: 'solid',\n borderColor: 'gray-200',\n minWidth: 200\n}, getAllowedOverrides());\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const Disclosure = forwardRef(function Disclosure(props: DisclosureProps, ref: DOMRef<HTMLDivElement>) {\n [props, ref] = useSpectrumContextProps(props, ref, DisclosureContext);\n let {\n size = 'M',\n density = 'regular',\n isQuiet,\n UNSAFE_style,\n UNSAFE_className = ''\n } = props;\n let domRef = useDOMRef(ref);\n\n let isInGroup = useContext(DisclosureContext) !== null;\n\n return (\n <Provider\n values={[\n [DisclosureContext, {size, isQuiet, density}]\n ]}>\n <RACDisclosure\n {...props}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + disclosure({isQuiet, isInGroup}, props.styles)}>\n {props.children}\n </RACDisclosure>\n </Provider>\n );\n});\n\nexport interface DisclosureTitleProps extends UnsafeStyles, DOMProps {\n /** The heading level of the disclosure header.\n * \n * @default 3\n */\n level?: number,\n /** The contents of the disclosure header. */\n children: React.ReactNode\n}\n\ninterface DisclosureHeaderProps extends UnsafeStyles, DOMProps {\n children: React.ReactNode\n}\n\nconst headingStyle = style({\n margin: 0,\n flexGrow: 1,\n display: 'flex',\n flexShrink: 1,\n minWidth: 0\n});\n\nconst buttonStyles = style({\n ...focusRing(),\n outlineOffset: -2,\n font: 'heading',\n color: {\n default: 'neutral',\n isDisabled: 'disabled'\n },\n fontWeight: 'bold',\n fontSize: {\n size: {\n S: 'title-sm',\n M: 'title',\n L: 'title-lg',\n XL: 'title-xl'\n }\n },\n lineHeight: 'ui',\n display: 'flex',\n flexGrow: 1,\n alignItems: 'baseline',\n paddingX: '[calc(self(minHeight) * 3/8 - 1px)]',\n paddingY: centerPadding(),\n gap: '[calc(self(minHeight) * 3/8 - 1px)]',\n minHeight: {\n // compact is equivalent to 'control', but other densities have more padding.\n size: {\n S: {\n density: {\n compact: 18,\n regular: 24,\n spacious: 32\n }\n },\n M: {\n density: {\n compact: 24,\n regular: 32,\n spacious: 40\n }\n },\n L: {\n density: {\n compact: 32,\n regular: 40,\n spacious: 48\n }\n },\n XL: {\n density: {\n compact: 40,\n regular: 48,\n spacious: 56\n }\n }\n }\n },\n width: 'full',\n backgroundColor: {\n default: 'transparent',\n isFocusVisible: lightDark('transparent-black-100', 'transparent-white-100'),\n isHovered: lightDark('transparent-black-100', 'transparent-white-100'),\n isPressed: lightDark('transparent-black-300', 'transparent-white-300')\n },\n transition: 'default',\n borderWidth: 0,\n borderRadius: {\n // Only rounded for keyboard focus and quiet.\n default: 'none',\n isFocusVisible: 'control',\n isQuiet: 'control'\n },\n textAlign: 'start',\n disableTapHighlight: true\n});\n\nconst chevronStyles = style({\n rotate: {\n isRTL: 180,\n isExpanded: 90\n },\n transition: 'default',\n '--iconPrimary': {\n type: 'fill',\n value: 'currentColor'\n },\n flexShrink: 0\n});\n\nconst InternalDisclosureHeader = createContext<{} | null>(null);\n\nfunction DisclosureHeaderWithForwardRef(props: DisclosureHeaderProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_className,\n UNSAFE_style,\n children\n } = props;\n let domRef = useDOMRef(ref);\n let {size, isQuiet, density} = useSlottedContext(DisclosureContext)!;\n\n // Shift button size down by 2 for compact density, 1 for regular/spacious to ensure there is space between the top and bottom of the action button and container\n let newSize : 'XS' | 'S' | 'M' | 'L' | 'XL' | undefined = size;\n const sizes = ['XS', 'S', 'M', 'L', 'XL'];\n const currentIndex = sizes.indexOf(size ?? 'M');\n const shift = density === 'compact' ? 2 : 1;\n newSize = sizes[Math.max(0, currentIndex - shift)] as 'XS' | 'S' | 'M' | 'L' | 'XL';\n\n return (\n <Provider\n values={[\n [ActionButtonContext, {size: newSize, isQuiet}],\n [InternalDisclosureHeader, {}]\n ]}>\n <div\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + style({display: 'flex', alignItems: 'center', gap: 4})}\n ref={domRef}>\n {children}\n </div>\n </Provider>\n );\n}\n\n/**\n * A wrapper element for the disclosure title that can contain other elements not part of the trigger.\n */\nexport const DisclosureHeader = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosureHeaderWithForwardRef);\n\n/**\n * A disclosure title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const DisclosureTitle = forwardRef(function DisclosureTitle(props: DisclosureTitleProps, ref: DOMRef<HTMLDivElement>) {\n let {\n level = 3,\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n let domRef = useDOMRef(ref);\n const domProps = filterDOMProps(otherProps);\n let {direction} = useLocale();\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let {size, density, isQuiet} = useSlottedContext(DisclosureContext)!;\n let isRTL = direction === 'rtl';\n\n let buttonTrigger = (\n <Heading\n {...domProps}\n level={level}\n ref={domRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + headingStyle}>\n <Button className={(renderProps) => buttonStyles({...renderProps, size, density, isQuiet})} slot=\"trigger\">\n <CenterBaseline>\n <Chevron size={size} className={chevronStyles({isExpanded, isRTL})} aria-hidden=\"true\" />\n </CenterBaseline>\n {props.children}\n </Button>\n </Heading>\n );\n let ctx = useContext(InternalDisclosureHeader);\n if (ctx) {\n return buttonTrigger;\n }\n\n return (\n <DisclosureHeader>\n {buttonTrigger}\n </DisclosureHeader>\n );\n});\n\nexport interface DisclosurePanelProps extends Omit<RACDisclosurePanelProps, 'className' | 'style' | 'children'>, UnsafeStyles, DOMProps, AriaLabelingProps {\n children: React.ReactNode\n}\n\nconst panelStyles = style({\n font: 'body',\n paddingTop: {\n isExpanded: 8\n },\n paddingBottom: {\n isExpanded: 16\n },\n paddingX: {\n isExpanded: {\n size: {\n S: 8,\n M: 9,\n L: 12,\n XL: 15\n }\n }\n }\n});\n\n/**\n * A disclosure panel is a collapsible section of content that is hidden until the disclosure is expanded.\n */\nexport const DisclosurePanel = forwardRef(function DisclosurePanel(props: DisclosurePanelProps, ref: DOMRef<HTMLDivElement>) {\n let {\n UNSAFE_style,\n UNSAFE_className = '',\n ...otherProps\n } = props;\n const domProps = filterDOMProps(otherProps);\n let {size} = useSlottedContext(DisclosureContext)!;\n let {isExpanded} = useContext(DisclosureStateContext)!;\n let panelRef = useDOMRef(ref);\n return (\n <RACDisclosurePanel\n {...domProps}\n ref={panelRef}\n style={UNSAFE_style}\n className={(UNSAFE_className ?? '') + panelStyles({size, isExpanded})}>\n {props.children}\n </RACDisclosurePanel>\n );\n});\n\n"],"names":[],"version":3,"file":"Disclosure.mjs.map"}
@@ -71,7 +71,8 @@ const $cd7301fb33ba8690$var$badge = function anonymous(props, overrides) {
71
71
  rules += ' _g-1x99dlob';
72
72
  rules += ' _ga';
73
73
  rules += ' aa_____K';
74
- rules += ' ac';
74
+ if (props.isStaticColor) rules += ' a_____R';
75
+ else rules += ' ac';
75
76
  rules += ' waa';
76
77
  rules += ' ua-375yri';
77
78
  rules += ' va-375yri';
@@ -80,21 +81,25 @@ const $cd7301fb33ba8690$var$badge = function anonymous(props, overrides) {
80
81
  rules += ' ca_____I';
81
82
  rules += ' _3d';
82
83
  rules += ' _2c';
83
- rules += ' ba_____J';
84
- if (props.isPressed) rules += ' b_____S';
85
- else if (props.isFocusVisible) rules += ' b_____S';
86
- else if (props.isHovered) rules += ' b_____S';
87
- else rules += ' b_____R';
84
+ rules += ' b-375toh';
88
85
  rules += ' k-375toq';
89
86
  if (props.isSingleDigit) rules += ' _cb';
90
87
  else if (props.isIndicatorOnly) rules += ' _cb';
91
- if (!$l) rules += ' le';
88
+ if (!$l) rules += ' ld';
92
89
  if (props.isDoubleDigit) rules += ' CI';
93
90
  if (props.isDoubleDigit) rules += ' DI';
94
91
  rules += ' _wg';
95
92
  rules += ' _xg';
96
93
  rules += ' _yg';
97
94
  rules += ' _zg';
95
+ rules += ' -_375toh_b-a_____J';
96
+ if (props.isStaticColor) rules += ' -_375toh_b-_____G';
97
+ else {
98
+ if (props.isPressed) rules += ' -_375toh_b-_____S';
99
+ else if (props.isFocusVisible) rules += ' -_375toh_b-_____S';
100
+ else if (props.isHovered) rules += ' -_375toh_b-_____S';
101
+ else rules += ' -_375toh_b-_____R';
102
+ }
98
103
  if (props.size === "XL") {
99
104
  if (props.isIndicatorOnly) rules += ' -_375toq_k--1916w3k';
100
105
  else rules += ' -_375toq_k-G';
@@ -113,7 +118,7 @@ const $cd7301fb33ba8690$var$badge = function anonymous(props, overrides) {
113
118
  const $cd7301fb33ba8690$export$529cab0ca6be204e = /*#__PURE__*/ (0, $62rny$react.forwardRef)(function Badge(props, ref) {
114
119
  let stringFormatter = (0, $62rny$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($4526404114e78c80$exports))), '@react-spectrum/s2');
115
120
  [props, ref] = (0, $ac757a4c2bd72aee$exports.useSpectrumContextProps)(props, ref, $cd7301fb33ba8690$export$9ab75c96ebaa396c);
116
- let { size: size = 'S', value: value, isDisabled: isDisabled = false, ...otherProps } = props;
121
+ let { size: size = 'S', value: value, isDisabled: isDisabled = false, staticColor: staticColor, ...otherProps } = props;
117
122
  let domRef = (0, $62rny$reactspectrumutils.useDOMRef)(ref);
118
123
  let { locale: locale } = (0, $62rny$reactariai18n.useLocale)();
119
124
  let formattedValue = '';
@@ -145,7 +150,8 @@ const $cd7301fb33ba8690$export$529cab0ca6be204e = /*#__PURE__*/ (0, $62rny$react
145
150
  isIndicatorOnly: isIndicatorOnly,
146
151
  isSingleDigit: isSingleDigit,
147
152
  isDoubleDigit: isDoubleDigit,
148
- isDisabled: isDisabled
153
+ isDisabled: isDisabled,
154
+ isStaticColor: !!staticColor
149
155
  }, props.styles),
150
156
  style: props.UNSAFE_style,
151
157
  ref: domRef,
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAmCM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAqF;AAEzI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEC,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,MAAM,KAA6B,EAAE,GAA2B;IACnH,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,OACb,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,8CAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAI,GAAI,4GAA4G;QACpL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAAC,eAAe;QAAc;IAEpG;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;kBAAC;6BAAM;2BAAiB;2BAAe;wBAAe;QAAU,GAAG,MAAM,MAAM;QACjI,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'fit',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.cjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAoCM,MAAM,0DAA2B,CAAA,GAAA,0BAAY,EAAqF;AAEzI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEC,MAAM,0DAAoB,CAAA,GAAA,uBAAS,EAAE,SAAS,MAAM,KAA6B,EAAE,GAA2B;IACnH,IAAI,kBAAkB,CAAA,GAAA,gDAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,oBACb,WAAW,EACX,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,8BAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,8CAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAI,GAAI,4GAA4G;QACpL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAAC,eAAe;QAAc;IAEpG;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;kBAAC;6BAAM;2BAAiB;2BAAe;wBAAe;YAAY,eAAe,CAAC,CAAC;QAAW,GAAG,MAAM,MAAM;QAC/J,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean,\n staticColor?: 'black' | 'white' | 'auto'\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n isStaticColor: 'auto',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n isStaticColor: 'transparent-overlay-1000',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'max',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n staticColor,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled, isStaticColor: !!staticColor}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.cjs.map"}
@@ -37,6 +37,10 @@
37
37
  color: #fff;
38
38
  }
39
39
 
40
+ .a_____R {
41
+ color: lch(from var(--b, var(--s2-container-bg)) calc((49.44 - l) * infinity) 0 0 / 1);
42
+ }
43
+
40
44
  ._3d {
41
45
  justify-content: center;
42
46
  }
@@ -45,12 +49,8 @@
45
49
  align-items: center;
46
50
  }
47
51
 
48
- .b_____R {
49
- background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
50
- }
51
-
52
- .b_____S {
53
- background-color: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
52
+ .b-375toh {
53
+ background-color: var(--b);
54
54
  }
55
55
 
56
56
  .k-375toq {
@@ -62,8 +62,8 @@
62
62
  aspect-ratio: 1;
63
63
  }
64
64
 
65
- .le {
66
- width: fit-content;
65
+ .ld {
66
+ width: max-content;
67
67
  }
68
68
 
69
69
  .CI {
@@ -90,6 +90,18 @@
90
90
  border-end-end-radius: calc(var(--k, var(--o, 9999px)) / 2);
91
91
  }
92
92
 
93
+ .-_375toh_b-_____R {
94
+ --b: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
95
+ }
96
+
97
+ .-_375toh_b-_____S {
98
+ --b: var(--lightningcss-light, #274dea) var(--lightningcss-dark, #345bf8);
99
+ }
100
+
101
+ .-_375toh_b-_____G {
102
+ --b: lch(from var(--s2-container-bg) calc((49.44 - l) * infinity) 0 0 / 1);
103
+ }
104
+
93
105
  .-_375toq_k-A {
94
106
  --k: calc(.75rem * var(--s2-scale));
95
107
  }
@@ -207,8 +219,8 @@
207
219
  border-color: buttonborder;
208
220
  }
209
221
 
210
- .ba_____J {
211
- background-color: buttonface;
222
+ .-_375toh_b-a_____J {
223
+ --b: ButtonFace;
212
224
  }
213
225
  }
214
226
  }
@@ -1 +1 @@
1
- {"mappings":"AA+Cc;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'fit',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.css.map"}
1
+ {"mappings":"AAgDc;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;;;AAAA;EAAA;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA;;;;IAAA","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean,\n staticColor?: 'black' | 'white' | 'auto'\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n isStaticColor: 'auto',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n isStaticColor: 'transparent-overlay-1000',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'max',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n staticColor,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled, isStaticColor: !!staticColor}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.css.map"}
@@ -64,7 +64,8 @@ const $bfb270fb056fefc5$var$badge = function anonymous(props, overrides) {
64
64
  rules += ' _g-1x99dlob';
65
65
  rules += ' _ga';
66
66
  rules += ' aa_____K';
67
- rules += ' ac';
67
+ if (props.isStaticColor) rules += ' a_____R';
68
+ else rules += ' ac';
68
69
  rules += ' waa';
69
70
  rules += ' ua-375yri';
70
71
  rules += ' va-375yri';
@@ -73,21 +74,25 @@ const $bfb270fb056fefc5$var$badge = function anonymous(props, overrides) {
73
74
  rules += ' ca_____I';
74
75
  rules += ' _3d';
75
76
  rules += ' _2c';
76
- rules += ' ba_____J';
77
- if (props.isPressed) rules += ' b_____S';
78
- else if (props.isFocusVisible) rules += ' b_____S';
79
- else if (props.isHovered) rules += ' b_____S';
80
- else rules += ' b_____R';
77
+ rules += ' b-375toh';
81
78
  rules += ' k-375toq';
82
79
  if (props.isSingleDigit) rules += ' _cb';
83
80
  else if (props.isIndicatorOnly) rules += ' _cb';
84
- if (!$l) rules += ' le';
81
+ if (!$l) rules += ' ld';
85
82
  if (props.isDoubleDigit) rules += ' CI';
86
83
  if (props.isDoubleDigit) rules += ' DI';
87
84
  rules += ' _wg';
88
85
  rules += ' _xg';
89
86
  rules += ' _yg';
90
87
  rules += ' _zg';
88
+ rules += ' -_375toh_b-a_____J';
89
+ if (props.isStaticColor) rules += ' -_375toh_b-_____G';
90
+ else {
91
+ if (props.isPressed) rules += ' -_375toh_b-_____S';
92
+ else if (props.isFocusVisible) rules += ' -_375toh_b-_____S';
93
+ else if (props.isHovered) rules += ' -_375toh_b-_____S';
94
+ else rules += ' -_375toh_b-_____R';
95
+ }
91
96
  if (props.size === "XL") {
92
97
  if (props.isIndicatorOnly) rules += ' -_375toq_k--1916w3k';
93
98
  else rules += ' -_375toq_k-G';
@@ -106,7 +111,7 @@ const $bfb270fb056fefc5$var$badge = function anonymous(props, overrides) {
106
111
  const $bfb270fb056fefc5$export$529cab0ca6be204e = /*#__PURE__*/ (0, $bfWIi$forwardRef)(function Badge(props, ref) {
107
112
  let stringFormatter = (0, $bfWIi$useLocalizedStringFormatter)((0, ($parcel$interopDefault($bfWIi$intlStringsmjs))), '@react-spectrum/s2');
108
113
  [props, ref] = (0, $5ce63c423902f47d$export$764f6146fadd77f7)(props, ref, $bfb270fb056fefc5$export$9ab75c96ebaa396c);
109
- let { size: size = 'S', value: value, isDisabled: isDisabled = false, ...otherProps } = props;
114
+ let { size: size = 'S', value: value, isDisabled: isDisabled = false, staticColor: staticColor, ...otherProps } = props;
110
115
  let domRef = (0, $bfWIi$useDOMRef)(ref);
111
116
  let { locale: locale } = (0, $bfWIi$useLocale)();
112
117
  let formattedValue = '';
@@ -138,7 +143,8 @@ const $bfb270fb056fefc5$export$529cab0ca6be204e = /*#__PURE__*/ (0, $bfWIi$forwa
138
143
  isIndicatorOnly: isIndicatorOnly,
139
144
  isSingleDigit: isSingleDigit,
140
145
  isDoubleDigit: isDoubleDigit,
141
- isDisabled: isDisabled
146
+ isDisabled: isDisabled,
147
+ isStaticColor: !!staticColor
142
148
  }, props.styles),
143
149
  style: props.UNSAFE_style,
144
150
  ref: domRef,
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAmCM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAqF;AAEzI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEC,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAA6B,EAAE,GAA2B;IACnH,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,OACb,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,sBAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAI,GAAI,4GAA4G;QACpL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAAC,eAAe;QAAc;IAEpG;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;kBAAC;6BAAM;2BAAiB;2BAAe;wBAAe;QAAU,GAAG,MAAM,MAAM;QACjI,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'fit',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.mjs.map"}
1
+ {"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAoCM,MAAM,0DAA2B,CAAA,GAAA,oBAAY,EAAqF;AAEzI,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEC,MAAM,0DAAoB,CAAA,GAAA,iBAAS,EAAE,SAAS,MAAM,KAA6B,EAAE,GAA2B;IACnH,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAChE,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,QACF,OAAO,YACP,KAAK,cACL,aAAa,oBACb,WAAW,EACX,GAAG,YACJ,GAAG;IACJ,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,UAAC,MAAM,EAAC,GAAG,CAAA,GAAA,gBAAQ;IACvB,IAAI,iBAAiB;IAErB,IAAI,kBAAkB;IACtB,IAAI,gBAAgB;IACpB,IAAI,gBAAgB;IAEpB,IAAI,SAAS,MACX,kBAAkB;SACb,IAAI,SAAS,GAClB,MAAM,IAAI,MAAM;SACX,IAAI,CAAC,OAAO,SAAS,CAAC,QAC3B,MAAM,IAAI,MAAM;SACX;QACL,iBAAiB,IAAI,CAAA,GAAA,sBAAc,EAAE,QAAQ,MAAM,CAAC,KAAK,GAAG,CAAC,OAAO;QACpE,IAAI,SAAS,KAAK,GAAG,CAAC,SAAS,KAAK,QAAQ,MAAM,KAAK,MAAM,GAAG,IAAI,GAAI,4GAA4G;QACpL,IAAI,WAAW,GACb,gBAAgB;aACX,IAAI,WAAW,GACpB,gBAAgB;QAGlB,IAAI,QAAQ,IACV,iBAAiB,gBAAgB,MAAM,CAAC,0BAA0B;YAAC,eAAe;QAAc;IAEpG;IAEA,IAAI,YAAY,KAAK,CAAC,aAAa,IAAI;IACvC,IAAI,cAAc,aAAa,iBAC7B,YAAY,gBAAgB,MAAM,CAAC;IAGrC,qBACE,gBAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,YAAY;YAAC,WAAW;QAAI,EAAE;QACjD,MAAM,aAAa;QACnB,cAAY;QACZ,WAAW,AAAC,CAAA,MAAM,gBAAgB,IAAI,EAAC,IAAK,4BAAM;kBAAC;6BAAM;2BAAiB;2BAAe;wBAAe;YAAY,eAAe,CAAC,CAAC;QAAW,GAAG,MAAM,MAAM;QAC/J,OAAO,MAAM,YAAY;QACzB,KAAK;kBACJ;;AAGP","sources":["packages/@react-spectrum/s2/src/NotificationBadge.tsx"],"sourcesContent":["/*\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue} from '@react-types/shared';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {fontRelative, style} from '../style' with {type: 'macro'};\nimport {getAllowedOverrides, StyleProps} from './style-utils' with {type: 'macro'};\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {NumberFormatter} from '@internationalized/number';\nimport React, {createContext, forwardRef} from 'react';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface NotificationBadgeStyleProps {\n /**\n * The size of the notification badge.\n *\n * @default 'S'\n */\n size?: 'S' | 'M' | 'L' | 'XL'\n}\n\nexport interface NotificationBadgeProps extends DOMProps, AriaLabelingProps, StyleProps, NotificationBadgeStyleProps, SlotProps {\n /**\n * The value to be displayed in the notification badge.\n */\n value?: number | null\n}\n\ninterface NotificationBadgeContextProps extends Partial<NotificationBadgeProps> {\n isDisabled?: boolean,\n staticColor?: 'black' | 'white' | 'auto'\n}\n\nexport const NotificationBadgeContext = createContext<ContextValue<Partial<NotificationBadgeContextProps>, DOMRefValue<HTMLDivElement>>>(null);\n\nconst badge = style({\n display: {\n default: 'flex',\n isDisabled: 'none'\n },\n font: 'control',\n color: {\n default: 'white',\n isStaticColor: 'auto',\n forcedColors: 'ButtonText'\n },\n fontSize: {\n size: {\n S: 'ui-xs',\n M: 'ui-xs',\n L: 'ui-sm',\n XL: 'ui'\n }\n },\n borderStyle: {\n forcedColors: 'solid'\n },\n borderWidth: {\n forcedColors: '[1px]'\n },\n borderColor: {\n forcedColors: 'ButtonBorder'\n },\n justifyContent: 'center',\n alignItems: 'center',\n backgroundColor: {\n default: 'accent',\n isStaticColor: 'transparent-overlay-1000',\n forcedColors: 'ButtonFace'\n },\n height: {\n size: {\n S: {\n default: 12,\n isIndicatorOnly: 8\n },\n M: {\n default: fontRelative(18), // sort of arbitrary? tried to get as close to the figma designs as possible\n isIndicatorOnly: 8\n },\n L: {\n default: 16,\n isIndicatorOnly: fontRelative(12)\n },\n XL: {\n default: 18,\n isIndicatorOnly: fontRelative(12)\n }\n }\n },\n aspectRatio: {\n isIndicatorOnly: 'square',\n isSingleDigit: 'square'\n },\n width: 'max',\n paddingX: {\n isDoubleDigit: 'edge-to-text'\n },\n borderRadius: 'pill'\n}, getAllowedOverrides());\n\n/**\n * Notification badges are used to indicate new or pending activity .\n */\nexport const NotificationBadge = forwardRef(function Badge(props: NotificationBadgeProps, ref: DOMRef<HTMLDivElement>) {\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n [props, ref] = useSpectrumContextProps(props, ref, NotificationBadgeContext);\n let {\n size = 'S',\n value,\n isDisabled = false,\n staticColor,\n ...otherProps\n } = props as NotificationBadgeContextProps;\n let domRef = useDOMRef(ref);\n let {locale} = useLocale();\n let formattedValue = '';\n\n let isIndicatorOnly = false;\n let isSingleDigit = false;\n let isDoubleDigit = false;\n\n if (value == null) {\n isIndicatorOnly = true;\n } else if (value <= 0) {\n throw new Error('Value cannot be negative or zero');\n } else if (!Number.isInteger(value)) {\n throw new Error('Value must be a positive integer');\n } else {\n formattedValue = new NumberFormatter(locale).format(Math.min(value, 99));\n let length = Math.log(value <= 99 ? value : 99) * Math.LOG10E + 1 | 0; // for positive integers (https://stackoverflow.com/questions/14879691/get-number-of-digits-with-javascript)\n if (length === 1) {\n isSingleDigit = true;\n } else if (length === 2) {\n isDoubleDigit = true;\n }\n\n if (value > 99) {\n formattedValue = stringFormatter.format('notificationbadge.plus', {notifications: formattedValue});\n }\n }\n\n let ariaLabel = props['aria-label'] || undefined;\n if (ariaLabel === undefined && isIndicatorOnly) {\n ariaLabel = stringFormatter.format('notificationbadge.indicatorOnly');\n }\n\n return (\n <span\n {...filterDOMProps(otherProps, {labelable: true})}\n role={ariaLabel && 'img'}\n aria-label={ariaLabel}\n className={(props.UNSAFE_className || '') + badge({size, isIndicatorOnly, isSingleDigit, isDoubleDigit, isDisabled, isStaticColor: !!staticColor}, props.styles)}\n style={props.UNSAFE_style}\n ref={domRef}>\n {formattedValue}\n </span>\n );\n});\n"],"names":[],"version":3,"file":"NotificationBadge.mjs.map"}
package/dist/ar-AE.cjs CHANGED
@@ -7,6 +7,7 @@ module.exports = {
7
7
  other: ()=>`${formatter.number(args.count)} \u{645}\u{62D}\u{62F}\u{62F}`
8
8
  })}`,
9
9
  "actionbar.selectedAll": `\u{62A}\u{645} \u{62A}\u{62D}\u{62F}\u{64A}\u{62F} \u{627}\u{644}\u{643}\u{644}`,
10
+ "breadcrumbs.more": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{639}\u{646}\u{627}\u{635}\u{631}`,
10
11
  "button.pending": `\u{642}\u{64A}\u{62F} \u{627}\u{644}\u{627}\u{646}\u{62A}\u{638}\u{627}\u{631}`,
11
12
  "contextualhelp.help": `\u{645}\u{633}\u{627}\u{639}\u{62F}\u{629}`,
12
13
  "contextualhelp.info": `\u{645}\u{639}\u{644}\u{648}\u{645}\u{627}\u{62A}`,
@@ -20,6 +21,8 @@ module.exports = {
20
21
  "label.(optional)": `(\u{627}\u{62E}\u{62A}\u{64A}\u{627}\u{631}\u{64A})`,
21
22
  "label.(required)": `(\u{645}\u{637}\u{644}\u{648}\u{628})`,
22
23
  "menu.moreActions": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{625}\u{62C}\u{631}\u{627}\u{621}\u{627}\u{62A}`,
24
+ "notificationbadge.indicatorOnly": `\u{646}\u{634}\u{627}\u{637} \u{62C}\u{62F}\u{64A}\u{62F}`,
25
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
23
26
  "picker.placeholder": `\u{62A}\u{62D}\u{62F}\u{64A}\u{62F}\u{2026}`,
24
27
  "slider.maximum": `\u{623}\u{642}\u{635}\u{649}`,
25
28
  "slider.minimum": `\u{623}\u{62F}\u{646}\u{649}`,
@@ -31,8 +34,7 @@ module.exports = {
31
34
  "tag.actions": `\u{627}\u{644}\u{625}\u{62C}\u{631}\u{627}\u{621}\u{627}\u{62A}`,
32
35
  "tag.hideButtonLabel": `\u{625}\u{638}\u{647}\u{627}\u{631} \u{623}\u{642}\u{644}`,
33
36
  "tag.noTags": `\u{628}\u{62F}\u{648}\u{646}`,
34
- "tag.showAllButtonLabel": (args, formatter)=>`\u{639}\u{631}\u{636} \u{627}\u{644}\u{643}\u{644} (${formatter.number(args.tagCount)})`,
35
- "breadcrumbs.more": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{639}\u{646}\u{627}\u{635}\u{631}`
37
+ "tag.showAllButtonLabel": (args, formatter)=>`\u{639}\u{631}\u{636} \u{627}\u{644}\u{643}\u{644} (${formatter.number(args.tagCount)})`
36
38
  };
37
39
 
38
40
 
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,+DAAS,CAAC;IAClD,8BAA8B,CAAC,kHAAkB,CAAC;IAClD,4BAA4B,CAAC,qFAAa,CAAC;IAC3C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,kDAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,6BAAK,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,+EAAa,CAAC;IACxC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,0CAAM,CAAC;IAC/B,uBAAuB,CAAC,iDAAO,CAAC;IAChC,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,oKAA0B,CAAC;IACvD,2BAA2B,CAAC,iDAAO,CAAC;IACpC,wBAAwB,CAAC,qBAAG,CAAC;IAC7B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,kDAAQ,CAAC;IAClC,oBAAoB,CAAC,mDAAS,CAAC;IAC/B,oBAAoB,CAAC,qCAAO,CAAC;IAC7B,oBAAoB,CAAC,yHAAmB,CAAC;IACzC,sBAAsB,CAAC,2CAAM,CAAC;IAC9B,kBAAkB,CAAC,4BAAI,CAAC;IACxB,kBAAkB,CAAC,4BAAI,CAAC;IACxB,iBAAiB,CAAC,iFAAe,CAAC;IAClC,qBAAqB,CAAC,8GAAoB,CAAC;IAC3C,sBAAsB,CAAC,oGAAgB,CAAC;IACxC,uBAAuB,CAAC,2GAAiB,CAAC;IAC1C,wBAAwB,CAAC,2GAAiB,CAAC;IAC3C,eAAe,CAAC,+DAAS,CAAC;IAC1B,uBAAuB,CAAC,yDAAS,CAAC;IAClC,cAAc,CAAC,4BAAI,CAAC;IACpB,0BAA0B,CAAC,MAAM,YAAc,CAAC,oDAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,oBAAoB,CAAC,2GAAiB,CAAC;AACzC","sources":["packages/@react-spectrum/s2/intl/ar-AE.json"],"sourcesContent":["{\n \"actionbar.actions\": \"الإجراءات\",\n \"actionbar.actionsAvailable\": \"الإجراءات المتاحة.\",\n \"actionbar.clearSelection\": \"إزالة التحديد\",\n \"actionbar.selected\": \"{count, plural, =0 {غير محدد} other {# محدد}}\",\n \"actionbar.selectedAll\": \"تم تحديد الكل\",\n \"button.pending\": \"قيد الانتظار\",\n \"contextualhelp.help\": \"مساعدة\",\n \"contextualhelp.info\": \"معلومات\",\n \"dialog.alert\": \"تنبيه\",\n \"dialog.dismiss\": \"تجاهل\",\n \"dropzone.replaceMessage\": \"للاستبدال، قم بإفلات الملف\",\n \"inlinealert.informative\": \"معلومات\",\n \"inlinealert.negative\": \"خطأ\",\n \"inlinealert.notice\": \"تحذير\",\n \"inlinealert.positive\": \"تم بنجاح\",\n \"label.(optional)\": \"(اختياري)\",\n \"label.(required)\": \"(مطلوب)\",\n \"menu.moreActions\": \"المزيد من الإجراءات\",\n \"picker.placeholder\": \"تحديد…\",\n \"slider.maximum\": \"أقصى\",\n \"slider.minimum\": \"أدنى\",\n \"table.loading\": \"جارٍ التحميل...\",\n \"table.loadingMore\": \"جارٍ تحميل المزيد...\",\n \"table.resizeColumn\": \"تغيير حجم العمود\",\n \"table.sortAscending\": \"فرز بترتيب تصاعدي\",\n \"table.sortDescending\": \"فرز بترتيب تنازلي\",\n \"tag.actions\": \"الإجراءات\",\n \"tag.hideButtonLabel\": \"إظهار أقل\",\n \"tag.noTags\": \"بدون\",\n \"tag.showAllButtonLabel\": \"عرض الكل ({tagCount, number})\",\n \"breadcrumbs.more\": \"المزيد من العناصر\"\n}"],"names":[],"version":3,"file":"ar-AE.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,+DAAS,CAAC;IAClD,8BAA8B,CAAC,kHAAkB,CAAC;IAClD,4BAA4B,CAAC,qFAAa,CAAC;IAC3C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,kDAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,6BAAK,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,+EAAa,CAAC;IACxC,oBAAoB,CAAC,2GAAiB,CAAC;IACvC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,0CAAM,CAAC;IAC/B,uBAAuB,CAAC,iDAAO,CAAC;IAChC,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,oKAA0B,CAAC;IACvD,2BAA2B,CAAC,iDAAO,CAAC;IACpC,wBAAwB,CAAC,qBAAG,CAAC;IAC7B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,kDAAQ,CAAC;IAClC,oBAAoB,CAAC,mDAAS,CAAC;IAC/B,oBAAoB,CAAC,qCAAO,CAAC;IAC7B,oBAAoB,CAAC,yHAAmB,CAAC;IACzC,mCAAmC,CAAC,yDAAS,CAAC;IAC9C,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,2CAAM,CAAC;IAC9B,kBAAkB,CAAC,4BAAI,CAAC;IACxB,kBAAkB,CAAC,4BAAI,CAAC;IACxB,iBAAiB,CAAC,iFAAe,CAAC;IAClC,qBAAqB,CAAC,8GAAoB,CAAC;IAC3C,sBAAsB,CAAC,oGAAgB,CAAC;IACxC,uBAAuB,CAAC,2GAAiB,CAAC;IAC1C,wBAAwB,CAAC,2GAAiB,CAAC;IAC3C,eAAe,CAAC,+DAAS,CAAC;IAC1B,uBAAuB,CAAC,yDAAS,CAAC;IAClC,cAAc,CAAC,4BAAI,CAAC;IACpB,0BAA0B,CAAC,MAAM,YAAc,CAAC,oDAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAChG","sources":["packages/@react-spectrum/s2/intl/ar-AE.json"],"sourcesContent":["{\n \"actionbar.actions\": \"الإجراءات\",\n \"actionbar.actionsAvailable\": \"الإجراءات المتاحة.\",\n \"actionbar.clearSelection\": \"إزالة التحديد\",\n \"actionbar.selected\": \"{count, plural, =0 {غير محدد} other {# محدد}}\",\n \"actionbar.selectedAll\": \"تم تحديد الكل\",\n \"breadcrumbs.more\": \"المزيد من العناصر\",\n \"button.pending\": \"قيد الانتظار\",\n \"contextualhelp.help\": \"مساعدة\",\n \"contextualhelp.info\": \"معلومات\",\n \"dialog.alert\": \"تنبيه\",\n \"dialog.dismiss\": \"تجاهل\",\n \"dropzone.replaceMessage\": \"للاستبدال، قم بإفلات الملف\",\n \"inlinealert.informative\": \"معلومات\",\n \"inlinealert.negative\": \"خطأ\",\n \"inlinealert.notice\": \"تحذير\",\n \"inlinealert.positive\": \"تم بنجاح\",\n \"label.(optional)\": \"(اختياري)\",\n \"label.(required)\": \"(مطلوب)\",\n \"menu.moreActions\": \"المزيد من الإجراءات\",\n \"notificationbadge.indicatorOnly\": \"نشاط جديد\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"تحديد…\",\n \"slider.maximum\": \"أقصى\",\n \"slider.minimum\": \"أدنى\",\n \"table.loading\": \"جارٍ التحميل...\",\n \"table.loadingMore\": \"جارٍ تحميل المزيد...\",\n \"table.resizeColumn\": \"تغيير حجم العمود\",\n \"table.sortAscending\": \"فرز بترتيب تصاعدي\",\n \"table.sortDescending\": \"فرز بترتيب تنازلي\",\n \"tag.actions\": \"الإجراءات\",\n \"tag.hideButtonLabel\": \"إظهار أقل\",\n \"tag.noTags\": \"بدون\",\n \"tag.showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"ar-AE.cjs.map"}
package/dist/ar-AE.mjs CHANGED
@@ -8,6 +8,7 @@ $5b46dd14cbf0d6cd$exports = {
8
8
  other: ()=>`${formatter.number(args.count)} \u{645}\u{62D}\u{62F}\u{62F}`
9
9
  })}`,
10
10
  "actionbar.selectedAll": `\u{62A}\u{645} \u{62A}\u{62D}\u{62F}\u{64A}\u{62F} \u{627}\u{644}\u{643}\u{644}`,
11
+ "breadcrumbs.more": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{639}\u{646}\u{627}\u{635}\u{631}`,
11
12
  "button.pending": `\u{642}\u{64A}\u{62F} \u{627}\u{644}\u{627}\u{646}\u{62A}\u{638}\u{627}\u{631}`,
12
13
  "contextualhelp.help": `\u{645}\u{633}\u{627}\u{639}\u{62F}\u{629}`,
13
14
  "contextualhelp.info": `\u{645}\u{639}\u{644}\u{648}\u{645}\u{627}\u{62A}`,
@@ -21,6 +22,8 @@ $5b46dd14cbf0d6cd$exports = {
21
22
  "label.(optional)": `(\u{627}\u{62E}\u{62A}\u{64A}\u{627}\u{631}\u{64A})`,
22
23
  "label.(required)": `(\u{645}\u{637}\u{644}\u{648}\u{628})`,
23
24
  "menu.moreActions": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{625}\u{62C}\u{631}\u{627}\u{621}\u{627}\u{62A}`,
25
+ "notificationbadge.indicatorOnly": `\u{646}\u{634}\u{627}\u{637} \u{62C}\u{62F}\u{64A}\u{62F}`,
26
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
24
27
  "picker.placeholder": `\u{62A}\u{62D}\u{62F}\u{64A}\u{62F}\u{2026}`,
25
28
  "slider.maximum": `\u{623}\u{642}\u{635}\u{649}`,
26
29
  "slider.minimum": `\u{623}\u{62F}\u{646}\u{649}`,
@@ -32,8 +35,7 @@ $5b46dd14cbf0d6cd$exports = {
32
35
  "tag.actions": `\u{627}\u{644}\u{625}\u{62C}\u{631}\u{627}\u{621}\u{627}\u{62A}`,
33
36
  "tag.hideButtonLabel": `\u{625}\u{638}\u{647}\u{627}\u{631} \u{623}\u{642}\u{644}`,
34
37
  "tag.noTags": `\u{628}\u{62F}\u{648}\u{646}`,
35
- "tag.showAllButtonLabel": (args, formatter)=>`\u{639}\u{631}\u{636} \u{627}\u{644}\u{643}\u{644} (${formatter.number(args.tagCount)})`,
36
- "breadcrumbs.more": `\u{627}\u{644}\u{645}\u{632}\u{64A}\u{62F} \u{645}\u{646} \u{627}\u{644}\u{639}\u{646}\u{627}\u{635}\u{631}`
38
+ "tag.showAllButtonLabel": (args, formatter)=>`\u{639}\u{631}\u{636} \u{627}\u{644}\u{643}\u{644} (${formatter.number(args.tagCount)})`
37
39
  };
38
40
 
39
41
 
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,+DAAS,CAAC;IAClD,8BAA8B,CAAC,kHAAkB,CAAC;IAClD,4BAA4B,CAAC,qFAAa,CAAC;IAC3C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,kDAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,6BAAK,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,+EAAa,CAAC;IACxC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,0CAAM,CAAC;IAC/B,uBAAuB,CAAC,iDAAO,CAAC;IAChC,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,oKAA0B,CAAC;IACvD,2BAA2B,CAAC,iDAAO,CAAC;IACpC,wBAAwB,CAAC,qBAAG,CAAC;IAC7B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,kDAAQ,CAAC;IAClC,oBAAoB,CAAC,mDAAS,CAAC;IAC/B,oBAAoB,CAAC,qCAAO,CAAC;IAC7B,oBAAoB,CAAC,yHAAmB,CAAC;IACzC,sBAAsB,CAAC,2CAAM,CAAC;IAC9B,kBAAkB,CAAC,4BAAI,CAAC;IACxB,kBAAkB,CAAC,4BAAI,CAAC;IACxB,iBAAiB,CAAC,iFAAe,CAAC;IAClC,qBAAqB,CAAC,8GAAoB,CAAC;IAC3C,sBAAsB,CAAC,oGAAgB,CAAC;IACxC,uBAAuB,CAAC,2GAAiB,CAAC;IAC1C,wBAAwB,CAAC,2GAAiB,CAAC;IAC3C,eAAe,CAAC,+DAAS,CAAC;IAC1B,uBAAuB,CAAC,yDAAS,CAAC;IAClC,cAAc,CAAC,4BAAI,CAAC;IACpB,0BAA0B,CAAC,MAAM,YAAc,CAAC,oDAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IAC9F,oBAAoB,CAAC,2GAAiB,CAAC;AACzC","sources":["packages/@react-spectrum/s2/intl/ar-AE.json"],"sourcesContent":["{\n \"actionbar.actions\": \"الإجراءات\",\n \"actionbar.actionsAvailable\": \"الإجراءات المتاحة.\",\n \"actionbar.clearSelection\": \"إزالة التحديد\",\n \"actionbar.selected\": \"{count, plural, =0 {غير محدد} other {# محدد}}\",\n \"actionbar.selectedAll\": \"تم تحديد الكل\",\n \"button.pending\": \"قيد الانتظار\",\n \"contextualhelp.help\": \"مساعدة\",\n \"contextualhelp.info\": \"معلومات\",\n \"dialog.alert\": \"تنبيه\",\n \"dialog.dismiss\": \"تجاهل\",\n \"dropzone.replaceMessage\": \"للاستبدال، قم بإفلات الملف\",\n \"inlinealert.informative\": \"معلومات\",\n \"inlinealert.negative\": \"خطأ\",\n \"inlinealert.notice\": \"تحذير\",\n \"inlinealert.positive\": \"تم بنجاح\",\n \"label.(optional)\": \"(اختياري)\",\n \"label.(required)\": \"(مطلوب)\",\n \"menu.moreActions\": \"المزيد من الإجراءات\",\n \"picker.placeholder\": \"تحديد…\",\n \"slider.maximum\": \"أقصى\",\n \"slider.minimum\": \"أدنى\",\n \"table.loading\": \"جارٍ التحميل...\",\n \"table.loadingMore\": \"جارٍ تحميل المزيد...\",\n \"table.resizeColumn\": \"تغيير حجم العمود\",\n \"table.sortAscending\": \"فرز بترتيب تصاعدي\",\n \"table.sortDescending\": \"فرز بترتيب تنازلي\",\n \"tag.actions\": \"الإجراءات\",\n \"tag.hideButtonLabel\": \"إظهار أقل\",\n \"tag.noTags\": \"بدون\",\n \"tag.showAllButtonLabel\": \"عرض الكل ({tagCount, number})\",\n \"breadcrumbs.more\": \"المزيد من العناصر\"\n}"],"names":[],"version":3,"file":"ar-AE.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,+DAAS,CAAC;IAClD,8BAA8B,CAAC,kHAAkB,CAAC;IAClD,4BAA4B,CAAC,qFAAa,CAAC;IAC3C,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,kDAAQ,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,6BAAK,CAAC;QAAA,IAAI;IACrJ,yBAAyB,CAAC,+EAAa,CAAC;IACxC,oBAAoB,CAAC,2GAAiB,CAAC;IACvC,kBAAkB,CAAC,8EAAY,CAAC;IAChC,uBAAuB,CAAC,0CAAM,CAAC;IAC/B,uBAAuB,CAAC,iDAAO,CAAC;IAChC,gBAAgB,CAAC,mCAAK,CAAC;IACvB,kBAAkB,CAAC,mCAAK,CAAC;IACzB,2BAA2B,CAAC,oKAA0B,CAAC;IACvD,2BAA2B,CAAC,iDAAO,CAAC;IACpC,wBAAwB,CAAC,qBAAG,CAAC;IAC7B,sBAAsB,CAAC,mCAAK,CAAC;IAC7B,wBAAwB,CAAC,kDAAQ,CAAC;IAClC,oBAAoB,CAAC,mDAAS,CAAC;IAC/B,oBAAoB,CAAC,qCAAO,CAAC;IAC7B,oBAAoB,CAAC,yHAAmB,CAAC;IACzC,mCAAmC,CAAC,yDAAS,CAAC;IAC9C,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,2CAAM,CAAC;IAC9B,kBAAkB,CAAC,4BAAI,CAAC;IACxB,kBAAkB,CAAC,4BAAI,CAAC;IACxB,iBAAiB,CAAC,iFAAe,CAAC;IAClC,qBAAqB,CAAC,8GAAoB,CAAC;IAC3C,sBAAsB,CAAC,oGAAgB,CAAC;IACxC,uBAAuB,CAAC,2GAAiB,CAAC;IAC1C,wBAAwB,CAAC,2GAAiB,CAAC;IAC3C,eAAe,CAAC,+DAAS,CAAC;IAC1B,uBAAuB,CAAC,yDAAS,CAAC;IAClC,cAAc,CAAC,4BAAI,CAAC;IACpB,0BAA0B,CAAC,MAAM,YAAc,CAAC,oDAAU,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAChG","sources":["packages/@react-spectrum/s2/intl/ar-AE.json"],"sourcesContent":["{\n \"actionbar.actions\": \"الإجراءات\",\n \"actionbar.actionsAvailable\": \"الإجراءات المتاحة.\",\n \"actionbar.clearSelection\": \"إزالة التحديد\",\n \"actionbar.selected\": \"{count, plural, =0 {غير محدد} other {# محدد}}\",\n \"actionbar.selectedAll\": \"تم تحديد الكل\",\n \"breadcrumbs.more\": \"المزيد من العناصر\",\n \"button.pending\": \"قيد الانتظار\",\n \"contextualhelp.help\": \"مساعدة\",\n \"contextualhelp.info\": \"معلومات\",\n \"dialog.alert\": \"تنبيه\",\n \"dialog.dismiss\": \"تجاهل\",\n \"dropzone.replaceMessage\": \"للاستبدال، قم بإفلات الملف\",\n \"inlinealert.informative\": \"معلومات\",\n \"inlinealert.negative\": \"خطأ\",\n \"inlinealert.notice\": \"تحذير\",\n \"inlinealert.positive\": \"تم بنجاح\",\n \"label.(optional)\": \"(اختياري)\",\n \"label.(required)\": \"(مطلوب)\",\n \"menu.moreActions\": \"المزيد من الإجراءات\",\n \"notificationbadge.indicatorOnly\": \"نشاط جديد\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"تحديد…\",\n \"slider.maximum\": \"أقصى\",\n \"slider.minimum\": \"أدنى\",\n \"table.loading\": \"جارٍ التحميل...\",\n \"table.loadingMore\": \"جارٍ تحميل المزيد...\",\n \"table.resizeColumn\": \"تغيير حجم العمود\",\n \"table.sortAscending\": \"فرز بترتيب تصاعدي\",\n \"table.sortDescending\": \"فرز بترتيب تنازلي\",\n \"tag.actions\": \"الإجراءات\",\n \"tag.hideButtonLabel\": \"إظهار أقل\",\n \"tag.noTags\": \"بدون\",\n \"tag.showAllButtonLabel\": \"عرض الكل ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"ar-AE.mjs.map"}
package/dist/bg-BG.cjs CHANGED
@@ -8,6 +8,7 @@ module.exports = {
8
8
  other: ()=>`${formatter.number(args.count)} \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`
9
9
  })}`,
10
10
  "actionbar.selectedAll": `\u{412}\u{441}\u{438}\u{447}\u{43A}\u{438} \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`,
11
+ "breadcrumbs.more": `\u{41E}\u{449}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{438}`,
11
12
  "button.pending": `\u{43D}\u{435}\u{434}\u{43E}\u{432}\u{44A}\u{440}\u{448}\u{435}\u{43D}\u{43E}`,
12
13
  "contextualhelp.help": `\u{41F}\u{43E}\u{43C}\u{43E}\u{449}`,
13
14
  "contextualhelp.info": `\u{418}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{438}\u{44F}`,
@@ -21,6 +22,8 @@ module.exports = {
21
22
  "label.(optional)": `(\u{43D}\u{435}\u{437}\u{430}\u{434}\u{44A}\u{43B}\u{436}\u{438}\u{442}\u{435}\u{43B}\u{43D}\u{43E})`,
22
23
  "label.(required)": `(\u{437}\u{430}\u{434}\u{44A}\u{43B}\u{436}\u{438}\u{442}\u{435}\u{43B}\u{43D}\u{43E})`,
23
24
  "menu.moreActions": `\u{41F}\u{43E}\u{432}\u{435}\u{447}\u{435} \u{434}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{44F}`,
25
+ "notificationbadge.indicatorOnly": `\u{41D}\u{43E}\u{432}\u{430} \u{434}\u{435}\u{439}\u{43D}\u{43E}\u{441}\u{442}`,
26
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
24
27
  "picker.placeholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435}\u{2026}`,
25
28
  "slider.maximum": `\u{41C}\u{430}\u{43A}\u{441}\u{438}\u{43C}\u{443}\u{43C}`,
26
29
  "slider.minimum": `\u{41C}\u{438}\u{43D}\u{438}\u{43C}\u{443}\u{43C}`,
@@ -32,8 +35,7 @@ module.exports = {
32
35
  "tag.actions": `\u{414}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{44F}`,
33
36
  "tag.hideButtonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{43F}\u{43E}-\u{43C}\u{430}\u{43B}\u{43A}\u{43E}`,
34
37
  "tag.noTags": `\u{41D}\u{438}\u{442}\u{43E} \u{435}\u{434}\u{438}\u{43D}`,
35
- "tag.showAllButtonLabel": (args, formatter)=>`\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{432}\u{441}\u{438}\u{447}\u{43A}\u{438} (${formatter.number(args.tagCount)})`,
36
- "breadcrumbs.more": `\u{41E}\u{449}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{438}`
38
+ "tag.showAllButtonLabel": (args, formatter)=>`\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{432}\u{441}\u{438}\u{447}\u{43A}\u{438} (${formatter.number(args.tagCount)})`
37
39
  };
38
40
 
39
41
 
@@ -1 +1 @@
1
- {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,wDAAQ,CAAC;IACjD,8BAA8B,CAAC,2GAAiB,CAAC;IACjD,4BAA4B,CAAC,gIAAoB,CAAC;IAClD,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,8EAAY,CAAC;YAAE,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,2CAAO,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,kDAAQ,CAAC;QAAA,IAAI;IACjN,yBAAyB,CAAC,4FAAc,CAAC;IACzC,kBAAkB,CAAC,6EAAW,CAAC;IAC/B,uBAAuB,CAAC,mCAAK,CAAC;IAC9B,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,0CAAM,CAAC;IACxB,kBAAkB,CAAC,sEAAU,CAAC;IAC9B,2BAA2B,CAAC,wIAAsB,CAAC;IACnD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,0CAAM,CAAC;IAChC,sBAAsB,CAAC,kGAAc,CAAC;IACtC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,oGAAgB,CAAC;IACtC,oBAAoB,CAAC,sFAAc,CAAC;IACpC,oBAAoB,CAAC,mGAAe,CAAC;IACrC,sBAAsB,CAAC,gEAAS,CAAC;IACjC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,kEAAY,CAAC;IAC/B,qBAAqB,CAAC,uGAAmB,CAAC;IAC1C,sBAAsB,CAAC,mKAAyB,CAAC;IACjD,uBAAuB,CAAC,+HAAmB,CAAC;IAC5C,wBAAwB,CAAC,gIAAoB,CAAC;IAC9C,eAAe,CAAC,wDAAQ,CAAC;IACzB,uBAAuB,CAAC,iIAAqB,CAAC;IAC9C,cAAc,CAAC,yDAAS,CAAC;IACzB,0BAA0B,CAAC,MAAM,YAAc,CAAC,2HAAqB,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IACzG,oBAAoB,CAAC,8EAAY,CAAC;AACpC","sources":["packages/@react-spectrum/s2/intl/bg-BG.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Действия\",\n \"actionbar.actionsAvailable\": \"Налични действия.\",\n \"actionbar.clearSelection\": \"Изчистване на избора\",\n \"actionbar.selected\": \"{count, plural, =0 {Няма избрани} one {# избран} other {# избрани}}\",\n \"actionbar.selectedAll\": \"Всички избрани\",\n \"button.pending\": \"недовършено\",\n \"contextualhelp.help\": \"Помощ\",\n \"contextualhelp.info\": \"Информация\",\n \"dialog.alert\": \"Сигнал\",\n \"dialog.dismiss\": \"Отхвърляне\",\n \"dropzone.replaceMessage\": \"Пуснете файл за замяна\",\n \"inlinealert.informative\": \"Информация\",\n \"inlinealert.negative\": \"Грешка\",\n \"inlinealert.notice\": \"Предупреждение\",\n \"inlinealert.positive\": \"Успешно\",\n \"label.(optional)\": \"(незадължително)\",\n \"label.(required)\": \"(задължително)\",\n \"menu.moreActions\": \"Повече действия\",\n \"picker.placeholder\": \"Изберете…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Минимум\",\n \"table.loading\": \"Зареждане...\",\n \"table.loadingMore\": \"Зареждане на още...\",\n \"table.resizeColumn\": \"Преоразмеряване на колона\",\n \"table.sortAscending\": \"Възходящо сортиране\",\n \"table.sortDescending\": \"Низходящо сортиране \",\n \"tag.actions\": \"Действия\",\n \"tag.hideButtonLabel\": \"Показване на по-малко\",\n \"tag.noTags\": \"Нито един\",\n \"tag.showAllButtonLabel\": \"Показване на всички ({tagCount, number})\",\n \"breadcrumbs.more\": \"Още елементи\"\n}"],"names":[],"version":3,"file":"bg-BG.cjs.map"}
1
+ {"mappings":"AAAA,iBAAiB;IAAG,qBAAqB,CAAC,wDAAQ,CAAC;IACjD,8BAA8B,CAAC,2GAAiB,CAAC;IACjD,4BAA4B,CAAC,gIAAoB,CAAC;IAClD,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,8EAAY,CAAC;YAAE,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,2CAAO,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,kDAAQ,CAAC;QAAA,IAAI;IACjN,yBAAyB,CAAC,4FAAc,CAAC;IACzC,oBAAoB,CAAC,8EAAY,CAAC;IAClC,kBAAkB,CAAC,6EAAW,CAAC;IAC/B,uBAAuB,CAAC,mCAAK,CAAC;IAC9B,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,0CAAM,CAAC;IACxB,kBAAkB,CAAC,sEAAU,CAAC;IAC9B,2BAA2B,CAAC,wIAAsB,CAAC;IACnD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,0CAAM,CAAC;IAChC,sBAAsB,CAAC,kGAAc,CAAC;IACtC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,oGAAgB,CAAC;IACtC,oBAAoB,CAAC,sFAAc,CAAC;IACpC,oBAAoB,CAAC,mGAAe,CAAC;IACrC,mCAAmC,CAAC,8EAAY,CAAC;IACjD,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,gEAAS,CAAC;IACjC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,kEAAY,CAAC;IAC/B,qBAAqB,CAAC,uGAAmB,CAAC;IAC1C,sBAAsB,CAAC,mKAAyB,CAAC;IACjD,uBAAuB,CAAC,+HAAmB,CAAC;IAC5C,wBAAwB,CAAC,gIAAoB,CAAC;IAC9C,eAAe,CAAC,wDAAQ,CAAC;IACzB,uBAAuB,CAAC,iIAAqB,CAAC;IAC9C,cAAc,CAAC,yDAAS,CAAC;IACzB,0BAA0B,CAAC,MAAM,YAAc,CAAC,2HAAqB,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC3G","sources":["packages/@react-spectrum/s2/intl/bg-BG.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Действия\",\n \"actionbar.actionsAvailable\": \"Налични действия.\",\n \"actionbar.clearSelection\": \"Изчистване на избора\",\n \"actionbar.selected\": \"{count, plural, =0 {Няма избрани} one {# избран} other {# избрани}}\",\n \"actionbar.selectedAll\": \"Всички избрани\",\n \"breadcrumbs.more\": \"Още елементи\",\n \"button.pending\": \"недовършено\",\n \"contextualhelp.help\": \"Помощ\",\n \"contextualhelp.info\": \"Информация\",\n \"dialog.alert\": \"Сигнал\",\n \"dialog.dismiss\": \"Отхвърляне\",\n \"dropzone.replaceMessage\": \"Пуснете файл за замяна\",\n \"inlinealert.informative\": \"Информация\",\n \"inlinealert.negative\": \"Грешка\",\n \"inlinealert.notice\": \"Предупреждение\",\n \"inlinealert.positive\": \"Успешно\",\n \"label.(optional)\": \"(незадължително)\",\n \"label.(required)\": \"(задължително)\",\n \"menu.moreActions\": \"Повече действия\",\n \"notificationbadge.indicatorOnly\": \"Нова дейност\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"Изберете…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Минимум\",\n \"table.loading\": \"Зареждане...\",\n \"table.loadingMore\": \"Зареждане на още...\",\n \"table.resizeColumn\": \"Преоразмеряване на колона\",\n \"table.sortAscending\": \"Възходящо сортиране\",\n \"table.sortDescending\": \"Низходящо сортиране \",\n \"tag.actions\": \"Действия\",\n \"tag.hideButtonLabel\": \"Показване на по-малко\",\n \"tag.noTags\": \"Нито един\",\n \"tag.showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"bg-BG.cjs.map"}
package/dist/bg-BG.mjs CHANGED
@@ -9,6 +9,7 @@ $7f0920d9bf27dfb8$exports = {
9
9
  other: ()=>`${formatter.number(args.count)} \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`
10
10
  })}`,
11
11
  "actionbar.selectedAll": `\u{412}\u{441}\u{438}\u{447}\u{43A}\u{438} \u{438}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{438}`,
12
+ "breadcrumbs.more": `\u{41E}\u{449}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{438}`,
12
13
  "button.pending": `\u{43D}\u{435}\u{434}\u{43E}\u{432}\u{44A}\u{440}\u{448}\u{435}\u{43D}\u{43E}`,
13
14
  "contextualhelp.help": `\u{41F}\u{43E}\u{43C}\u{43E}\u{449}`,
14
15
  "contextualhelp.info": `\u{418}\u{43D}\u{444}\u{43E}\u{440}\u{43C}\u{430}\u{446}\u{438}\u{44F}`,
@@ -22,6 +23,8 @@ $7f0920d9bf27dfb8$exports = {
22
23
  "label.(optional)": `(\u{43D}\u{435}\u{437}\u{430}\u{434}\u{44A}\u{43B}\u{436}\u{438}\u{442}\u{435}\u{43B}\u{43D}\u{43E})`,
23
24
  "label.(required)": `(\u{437}\u{430}\u{434}\u{44A}\u{43B}\u{436}\u{438}\u{442}\u{435}\u{43B}\u{43D}\u{43E})`,
24
25
  "menu.moreActions": `\u{41F}\u{43E}\u{432}\u{435}\u{447}\u{435} \u{434}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{44F}`,
26
+ "notificationbadge.indicatorOnly": `\u{41D}\u{43E}\u{432}\u{430} \u{434}\u{435}\u{439}\u{43D}\u{43E}\u{441}\u{442}`,
27
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
25
28
  "picker.placeholder": `\u{418}\u{437}\u{431}\u{435}\u{440}\u{435}\u{442}\u{435}\u{2026}`,
26
29
  "slider.maximum": `\u{41C}\u{430}\u{43A}\u{441}\u{438}\u{43C}\u{443}\u{43C}`,
27
30
  "slider.minimum": `\u{41C}\u{438}\u{43D}\u{438}\u{43C}\u{443}\u{43C}`,
@@ -33,8 +36,7 @@ $7f0920d9bf27dfb8$exports = {
33
36
  "tag.actions": `\u{414}\u{435}\u{439}\u{441}\u{442}\u{432}\u{438}\u{44F}`,
34
37
  "tag.hideButtonLabel": `\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{43F}\u{43E}-\u{43C}\u{430}\u{43B}\u{43A}\u{43E}`,
35
38
  "tag.noTags": `\u{41D}\u{438}\u{442}\u{43E} \u{435}\u{434}\u{438}\u{43D}`,
36
- "tag.showAllButtonLabel": (args, formatter)=>`\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{432}\u{441}\u{438}\u{447}\u{43A}\u{438} (${formatter.number(args.tagCount)})`,
37
- "breadcrumbs.more": `\u{41E}\u{449}\u{435} \u{435}\u{43B}\u{435}\u{43C}\u{435}\u{43D}\u{442}\u{438}`
39
+ "tag.showAllButtonLabel": (args, formatter)=>`\u{41F}\u{43E}\u{43A}\u{430}\u{437}\u{432}\u{430}\u{43D}\u{435} \u{43D}\u{430} \u{432}\u{441}\u{438}\u{447}\u{43A}\u{438} (${formatter.number(args.tagCount)})`
38
40
  };
39
41
 
40
42
 
@@ -1 +1 @@
1
- {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,wDAAQ,CAAC;IACjD,8BAA8B,CAAC,2GAAiB,CAAC;IACjD,4BAA4B,CAAC,gIAAoB,CAAC;IAClD,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,8EAAY,CAAC;YAAE,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,2CAAO,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,kDAAQ,CAAC;QAAA,IAAI;IACjN,yBAAyB,CAAC,4FAAc,CAAC;IACzC,kBAAkB,CAAC,6EAAW,CAAC;IAC/B,uBAAuB,CAAC,mCAAK,CAAC;IAC9B,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,0CAAM,CAAC;IACxB,kBAAkB,CAAC,sEAAU,CAAC;IAC9B,2BAA2B,CAAC,wIAAsB,CAAC;IACnD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,0CAAM,CAAC;IAChC,sBAAsB,CAAC,kGAAc,CAAC;IACtC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,oGAAgB,CAAC;IACtC,oBAAoB,CAAC,sFAAc,CAAC;IACpC,oBAAoB,CAAC,mGAAe,CAAC;IACrC,sBAAsB,CAAC,gEAAS,CAAC;IACjC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,kEAAY,CAAC;IAC/B,qBAAqB,CAAC,uGAAmB,CAAC;IAC1C,sBAAsB,CAAC,mKAAyB,CAAC;IACjD,uBAAuB,CAAC,+HAAmB,CAAC;IAC5C,wBAAwB,CAAC,gIAAoB,CAAC;IAC9C,eAAe,CAAC,wDAAQ,CAAC;IACzB,uBAAuB,CAAC,iIAAqB,CAAC;IAC9C,cAAc,CAAC,yDAAS,CAAC;IACzB,0BAA0B,CAAC,MAAM,YAAc,CAAC,2HAAqB,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;IACzG,oBAAoB,CAAC,8EAAY,CAAC;AACpC","sources":["packages/@react-spectrum/s2/intl/bg-BG.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Действия\",\n \"actionbar.actionsAvailable\": \"Налични действия.\",\n \"actionbar.clearSelection\": \"Изчистване на избора\",\n \"actionbar.selected\": \"{count, plural, =0 {Няма избрани} one {# избран} other {# избрани}}\",\n \"actionbar.selectedAll\": \"Всички избрани\",\n \"button.pending\": \"недовършено\",\n \"contextualhelp.help\": \"Помощ\",\n \"contextualhelp.info\": \"Информация\",\n \"dialog.alert\": \"Сигнал\",\n \"dialog.dismiss\": \"Отхвърляне\",\n \"dropzone.replaceMessage\": \"Пуснете файл за замяна\",\n \"inlinealert.informative\": \"Информация\",\n \"inlinealert.negative\": \"Грешка\",\n \"inlinealert.notice\": \"Предупреждение\",\n \"inlinealert.positive\": \"Успешно\",\n \"label.(optional)\": \"(незадължително)\",\n \"label.(required)\": \"(задължително)\",\n \"menu.moreActions\": \"Повече действия\",\n \"picker.placeholder\": \"Изберете…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Минимум\",\n \"table.loading\": \"Зареждане...\",\n \"table.loadingMore\": \"Зареждане на още...\",\n \"table.resizeColumn\": \"Преоразмеряване на колона\",\n \"table.sortAscending\": \"Възходящо сортиране\",\n \"table.sortDescending\": \"Низходящо сортиране \",\n \"tag.actions\": \"Действия\",\n \"tag.hideButtonLabel\": \"Показване на по-малко\",\n \"tag.noTags\": \"Нито един\",\n \"tag.showAllButtonLabel\": \"Показване на всички ({tagCount, number})\",\n \"breadcrumbs.more\": \"Още елементи\"\n}"],"names":[],"version":3,"file":"bg-BG.mjs.map"}
1
+ {"mappings":";AAAA,4BAAiB;IAAG,qBAAqB,CAAC,wDAAQ,CAAC;IACjD,8BAA8B,CAAC,2GAAiB,CAAC;IACjD,4BAA4B,CAAC,gIAAoB,CAAC;IAClD,sBAAsB,CAAC,MAAM,YAAc,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE;YAAC,MAAM,CAAC,8EAAY,CAAC;YAAE,KAAK,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,2CAAO,CAAC;YAAE,OAAO,IAAM,GAAG,UAAU,MAAM,CAAC,KAAK,KAAK,EAAE,kDAAQ,CAAC;QAAA,IAAI;IACjN,yBAAyB,CAAC,4FAAc,CAAC;IACzC,oBAAoB,CAAC,8EAAY,CAAC;IAClC,kBAAkB,CAAC,6EAAW,CAAC;IAC/B,uBAAuB,CAAC,mCAAK,CAAC;IAC9B,uBAAuB,CAAC,sEAAU,CAAC;IACnC,gBAAgB,CAAC,0CAAM,CAAC;IACxB,kBAAkB,CAAC,sEAAU,CAAC;IAC9B,2BAA2B,CAAC,wIAAsB,CAAC;IACnD,2BAA2B,CAAC,sEAAU,CAAC;IACvC,wBAAwB,CAAC,0CAAM,CAAC;IAChC,sBAAsB,CAAC,kGAAc,CAAC;IACtC,wBAAwB,CAAC,iDAAO,CAAC;IACjC,oBAAoB,CAAC,oGAAgB,CAAC;IACtC,oBAAoB,CAAC,sFAAc,CAAC;IACpC,oBAAoB,CAAC,mGAAe,CAAC;IACrC,mCAAmC,CAAC,8EAAY,CAAC;IACjD,0BAA0B,CAAC,OAAS,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC;IAC5D,sBAAsB,CAAC,gEAAS,CAAC;IACjC,kBAAkB,CAAC,wDAAQ,CAAC;IAC5B,kBAAkB,CAAC,iDAAO,CAAC;IAC3B,iBAAiB,CAAC,kEAAY,CAAC;IAC/B,qBAAqB,CAAC,uGAAmB,CAAC;IAC1C,sBAAsB,CAAC,mKAAyB,CAAC;IACjD,uBAAuB,CAAC,+HAAmB,CAAC;IAC5C,wBAAwB,CAAC,gIAAoB,CAAC;IAC9C,eAAe,CAAC,wDAAQ,CAAC;IACzB,uBAAuB,CAAC,iIAAqB,CAAC;IAC9C,cAAc,CAAC,yDAAS,CAAC;IACzB,0BAA0B,CAAC,MAAM,YAAc,CAAC,2HAAqB,EAAE,UAAU,MAAM,CAAC,KAAK,QAAQ,EAAE,CAAC,CAAC;AAC3G","sources":["packages/@react-spectrum/s2/intl/bg-BG.json"],"sourcesContent":["{\n \"actionbar.actions\": \"Действия\",\n \"actionbar.actionsAvailable\": \"Налични действия.\",\n \"actionbar.clearSelection\": \"Изчистване на избора\",\n \"actionbar.selected\": \"{count, plural, =0 {Няма избрани} one {# избран} other {# избрани}}\",\n \"actionbar.selectedAll\": \"Всички избрани\",\n \"breadcrumbs.more\": \"Още елементи\",\n \"button.pending\": \"недовършено\",\n \"contextualhelp.help\": \"Помощ\",\n \"contextualhelp.info\": \"Информация\",\n \"dialog.alert\": \"Сигнал\",\n \"dialog.dismiss\": \"Отхвърляне\",\n \"dropzone.replaceMessage\": \"Пуснете файл за замяна\",\n \"inlinealert.informative\": \"Информация\",\n \"inlinealert.negative\": \"Грешка\",\n \"inlinealert.notice\": \"Предупреждение\",\n \"inlinealert.positive\": \"Успешно\",\n \"label.(optional)\": \"(незадължително)\",\n \"label.(required)\": \"(задължително)\",\n \"menu.moreActions\": \"Повече действия\",\n \"notificationbadge.indicatorOnly\": \"Нова дейност\",\n \"notificationbadge.plus\": \"{notifications}+\",\n \"picker.placeholder\": \"Изберете…\",\n \"slider.maximum\": \"Максимум\",\n \"slider.minimum\": \"Минимум\",\n \"table.loading\": \"Зареждане...\",\n \"table.loadingMore\": \"Зареждане на още...\",\n \"table.resizeColumn\": \"Преоразмеряване на колона\",\n \"table.sortAscending\": \"Възходящо сортиране\",\n \"table.sortDescending\": \"Низходящо сортиране \",\n \"tag.actions\": \"Действия\",\n \"tag.hideButtonLabel\": \"Показване на по-малко\",\n \"tag.noTags\": \"Нито един\",\n \"tag.showAllButtonLabel\": \"Показване на всички ({tagCount, number})\"\n}\n"],"names":[],"version":3,"file":"bg-BG.mjs.map"}
package/dist/cs-CZ.cjs CHANGED
@@ -2,8 +2,12 @@ module.exports = {
2
2
  "actionbar.actions": `Akce`,
3
3
  "actionbar.actionsAvailable": `Dostupn\xe9 akce.`,
4
4
  "actionbar.clearSelection": `Vymazat v\xfdb\u{11B}r`,
5
- "actionbar.selected": (args)=>`Vybr\xe1no: ${args.count}`,
5
+ "actionbar.selected": (args, formatter)=>`${formatter.plural(args.count, {
6
+ "=0": `\u{17E}\xe1dn\xe9 vybran\xe9`,
7
+ other: ()=>`${formatter.number(args.count)} vybran\xfdch`
8
+ })}`,
6
9
  "actionbar.selectedAll": `Vybr\xe1no v\u{161}e`,
10
+ "breadcrumbs.more": `Dal\u{161}\xed polo\u{17E}ky`,
7
11
  "button.pending": `\u{10D}ek\xe1 na vy\u{159}\xedzen\xed`,
8
12
  "contextualhelp.help": `N\xe1pov\u{11B}da`,
9
13
  "contextualhelp.info": `Informace`,
@@ -17,6 +21,8 @@ module.exports = {
17
21
  "label.(optional)": `(voliteln\u{11B})`,
18
22
  "label.(required)": `(po\u{17E}adov\xe1no)`,
19
23
  "menu.moreActions": `Dal\u{161}\xed akce`,
24
+ "notificationbadge.indicatorOnly": `Nov\xe1 aktivita`,
25
+ "notificationbadge.plus": (args)=>`${args.notifications}+`,
20
26
  "picker.placeholder": `Vybrat\u{2026}`,
21
27
  "slider.maximum": `Maximum`,
22
28
  "slider.minimum": `Minimum`,
@@ -28,8 +34,7 @@ module.exports = {
28
34
  "tag.actions": `Akce`,
29
35
  "tag.hideButtonLabel": `Zobrazit m\xe9n\u{11B}`,
30
36
  "tag.noTags": `\u{17D}\xe1dn\xfd`,
31
- "tag.showAllButtonLabel": (args, formatter)=>`Zobrazit v\u{161}e (${formatter.number(args.tagCount)})`,
32
- "breadcrumbs.more": `V\xedce polo\u{17E}ek`
37
+ "tag.showAllButtonLabel": (args, formatter)=>`Zobrazit v\u{161}e (${formatter.number(args.tagCount)})`
33
38
  };
34
39
 
35
40