@razorpay/blade 12.50.0 → 12.52.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/build/lib/native/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  2. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js +12 -0
  3. package/build/lib/native/components/Charts/CommonChartComponents/CommonChartComponents.native.js.map +1 -0
  4. package/build/lib/native/components/Charts/LineChart/LineChart.native.js +12 -0
  5. package/build/lib/native/components/Charts/LineChart/LineChart.native.js.map +1 -0
  6. package/build/lib/native/components/Input/BaseInput/BaseInput.js +1 -1
  7. package/build/lib/native/components/Input/BaseInput/BaseInput.js.map +1 -1
  8. package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js +3 -2
  9. package/build/lib/native/components/Input/BaseInput/StyledBaseInput.native.js.map +1 -1
  10. package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +1 -1
  11. package/build/lib/native/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  12. package/build/lib/native/components/index.js +2 -0
  13. package/build/lib/native/components/index.js.map +1 -1
  14. package/build/lib/native/tokens/theme/bladeTheme.js +1 -1
  15. package/build/lib/native/tokens/theme/bladeTheme.js.map +1 -1
  16. package/build/lib/native/tokens/theme/theme.js.map +1 -1
  17. package/build/lib/web/development/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  18. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js +285 -0
  19. package/build/lib/web/development/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -0
  20. package/build/lib/web/development/components/Charts/CommonChartComponents/index.js +2 -0
  21. package/build/lib/web/development/components/Charts/CommonChartComponents/index.js.map +1 -0
  22. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js +15 -0
  23. package/build/lib/web/development/components/Charts/CommonChartComponents/tokens.js.map +1 -0
  24. package/build/lib/web/development/components/Charts/CommonChartComponents/utils.js +60 -0
  25. package/build/lib/web/development/components/Charts/CommonChartComponents/utils.js.map +1 -0
  26. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js +107 -0
  27. package/build/lib/web/development/components/Charts/LineChart/LineChart.web.js.map +1 -0
  28. package/build/lib/web/development/components/Charts/LineChart/componentIds.js +6 -0
  29. package/build/lib/web/development/components/Charts/LineChart/componentIds.js.map +1 -0
  30. package/build/lib/web/development/components/Charts/LineChart/index.js +2 -0
  31. package/build/lib/web/development/components/Charts/LineChart/index.js.map +1 -0
  32. package/build/lib/web/development/components/Charts/index.js +5 -0
  33. package/build/lib/web/development/components/Charts/index.js.map +1 -0
  34. package/build/lib/web/development/components/Charts/utils/index.js +2 -0
  35. package/build/lib/web/development/components/Charts/utils/index.js.map +1 -0
  36. package/build/lib/web/development/components/Charts/utils/useColorTheme.js +19 -0
  37. package/build/lib/web/development/components/Charts/utils/useColorTheme.js.map +1 -0
  38. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js +3 -1
  39. package/build/lib/web/development/components/Input/BaseInput/BaseInput.js.map +1 -1
  40. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js +16 -8
  41. package/build/lib/web/development/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  42. package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +7 -0
  43. package/build/lib/web/development/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  44. package/build/lib/web/development/components/index.js +3 -0
  45. package/build/lib/web/development/components/index.js.map +1 -1
  46. package/build/lib/web/development/tokens/theme/bladeTheme.js +350 -0
  47. package/build/lib/web/development/tokens/theme/bladeTheme.js.map +1 -1
  48. package/build/lib/web/development/tokens/theme/theme.js.map +1 -1
  49. package/build/lib/web/production/components/Box/BaseBox/types/propsTypes.js.map +1 -1
  50. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js +285 -0
  51. package/build/lib/web/production/components/Charts/CommonChartComponents/CommonChartComponents.web.js.map +1 -0
  52. package/build/lib/web/production/components/Charts/CommonChartComponents/index.js +2 -0
  53. package/build/lib/web/production/components/Charts/CommonChartComponents/index.js.map +1 -0
  54. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js +15 -0
  55. package/build/lib/web/production/components/Charts/CommonChartComponents/tokens.js.map +1 -0
  56. package/build/lib/web/production/components/Charts/CommonChartComponents/utils.js +60 -0
  57. package/build/lib/web/production/components/Charts/CommonChartComponents/utils.js.map +1 -0
  58. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js +107 -0
  59. package/build/lib/web/production/components/Charts/LineChart/LineChart.web.js.map +1 -0
  60. package/build/lib/web/production/components/Charts/LineChart/componentIds.js +6 -0
  61. package/build/lib/web/production/components/Charts/LineChart/componentIds.js.map +1 -0
  62. package/build/lib/web/production/components/Charts/LineChart/index.js +2 -0
  63. package/build/lib/web/production/components/Charts/LineChart/index.js.map +1 -0
  64. package/build/lib/web/production/components/Charts/index.js +5 -0
  65. package/build/lib/web/production/components/Charts/index.js.map +1 -0
  66. package/build/lib/web/production/components/Charts/utils/index.js +2 -0
  67. package/build/lib/web/production/components/Charts/utils/index.js.map +1 -0
  68. package/build/lib/web/production/components/Charts/utils/useColorTheme.js +19 -0
  69. package/build/lib/web/production/components/Charts/utils/useColorTheme.js.map +1 -0
  70. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js +3 -1
  71. package/build/lib/web/production/components/Input/BaseInput/BaseInput.js.map +1 -1
  72. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js +16 -8
  73. package/build/lib/web/production/components/Input/BaseInput/StyledBaseInput.web.js.map +1 -1
  74. package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js +7 -0
  75. package/build/lib/web/production/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.js.map +1 -1
  76. package/build/lib/web/production/components/index.js +3 -0
  77. package/build/lib/web/production/components/index.js.map +1 -1
  78. package/build/lib/web/production/tokens/theme/bladeTheme.js +350 -0
  79. package/build/lib/web/production/tokens/theme/bladeTheme.js.map +1 -1
  80. package/build/lib/web/production/tokens/theme/theme.js.map +1 -1
  81. package/build/types/components/index.d.ts +290 -4532
  82. package/build/types/components/index.native.d.ts +266 -602
  83. package/build/types/tokens/index.d.ts +12 -0
  84. package/build/types/tokens/index.native.d.ts +12 -0
  85. package/build/types/utils/index.d.ts +31 -0
  86. package/build/types/utils/index.native.d.ts +31 -0
  87. package/package.json +3 -2
@@ -14,13 +14,14 @@ import useTheme from '../../BladeProvider/useTheme.js';
14
14
  import '@babel/runtime/helpers/slicedToArray';
15
15
  import { makeSize } from '../../../utils/makeSize/makeSize.js';
16
16
  import '../../BottomSheet/BottomSheetStack.js';
17
- import { jsx } from 'react/jsx-runtime';
17
+ import { jsx, jsxs } from 'react/jsx-runtime';
18
18
  import { assignWithoutSideEffects } from '../../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
19
19
  import '../../../tokens/global/typography.js';
20
20
  import '../../../tokens/global/motion.js';
21
21
  import { size } from '../../../tokens/global/size.js';
22
+ import { BaseBox } from '../../Box/BaseBox/BaseBox.native.js';
22
23
 
23
- var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size;if(isTextArea){var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}px`;}if(hasTags){return undefined;}return makeSize(size[baseInputHeight[size$1]]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,isDropdownTrigger:props.isDropdownTrigger,size:props.$size})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,isTableInputCell=_ref2.isTableInputCell,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,isTableInputCell=_ref3.isTableInputCell,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined,$size:$size},commonProps,props,accessibilityProps,{children:jsx(Text,{color:props.value&&!isDisabled?'surface.text.gray.subtle':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,size:$size,children:buttonValue})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,$size:$size},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
24
+ var _excluded=["name","isRequired","isDisabled","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","numberOfLines","isTextArea","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","as","$size","valueSuffix"];var autoCompleteSuggestionTypeAndroid={none:'off',name:'name',email:'email',username:'username',password:'password',newPassword:'password-new',oneTimeCode:'sms-otp',telephone:'tel',postalCode:'postal-code',countryName:'postal-address-country',creditCardNumber:'cc-number',creditCardCSC:'cc-csc',creditCardExpiry:'cc-exp',creditCardExpiryMonth:'cc-exp-month',creditCardExpiryYear:'cc-exp-year'};var autoCompleteSuggestionTypeIOS={none:'none',name:'name',email:'emailAddress',username:'username',password:'password',newPassword:'newPassword',oneTimeCode:'oneTimeCode',telephone:'telephoneNumber',postalCode:'postalCode',countryName:'countryName',creditCardNumber:'creditCardNumber',creditCardCSC:'none',creditCardExpiry:'none',creditCardExpiryMonth:'none',creditCardExpiryYear:'none'};var KeyboardTypeToNativeValuesMap={text:'default',search:'default',telephone:'phone-pad',email:'email-address',url:'url',decimal:'decimal-pad'};var getInputHeight=function getInputHeight(_ref){var isTextArea=_ref.isTextArea,hasTags=_ref.hasTags,numberOfLines=_ref.numberOfLines,isDropdownTrigger=_ref.isDropdownTrigger,size$1=_ref.size;if(isTextArea){var lines=isDropdownTrigger?1:numberOfLines!=null?numberOfLines:0;return `${baseInputHeight[size$1]*lines}px`;}if(hasTags){return undefined;}return makeSize(size[baseInputHeight[size$1]]);};var getRNInputStyles=function getRNInputStyles(props){return Object.assign({},getBaseInputStyles({theme:props.theme,isFocused:props.isFocused,isDisabled:!props.editable,validationState:props.validationState,leadingIcon:props.leadingIcon,prefix:props.prefix,trailingInteractionElement:props.trailingInteractionElement,leadingInteractionElement:props.leadingInteractionElement,suffix:props.suffix,trailingIcon:props.trailingIcon,isTextArea:props.isTextArea,hasTags:props.hasTags,isDropdownTrigger:props.isDropdownTrigger,size:props.$size,valueComponentType:props.valueComponentType,isTableInputCell:props.isTableInputCell}),{lineHeight:Platform.select({android:makeSize(props.theme.typography.lineHeights[100]),ios:undefined}),textAlignVertical:'top',height:getInputHeight({isTextArea:props.isTextArea,hasTags:props.hasTags,numberOfLines:props.numberOfLines,isDropdownTrigger:props.isDropdownTrigger,size:props.$size})});};var StyledNativeBaseInput=styled.TextInput(function(_ref2){var id=_ref2.id,isFocused=_ref2.isFocused,theme=_ref2.theme,editable=_ref2.editable,validationState=_ref2.validationState,leadingIcon=_ref2.leadingIcon,prefix=_ref2.prefix,trailingInteractionElement=_ref2.trailingInteractionElement,leadingInteractionElement=_ref2.leadingInteractionElement,suffix=_ref2.suffix,trailingIcon=_ref2.trailingIcon,isTextArea=_ref2.isTextArea,numberOfLines=_ref2.numberOfLines,isDropdownTrigger=_ref2.isDropdownTrigger,hasTags=_ref2.hasTags,$size=_ref2.$size,isTableInputCell=_ref2.isTableInputCell,valueComponentType=_ref2.valueComponentType;return getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,hasTags:hasTags,isDropdownTrigger:isDropdownTrigger,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell});});var StyledNativeBaseButton=styled.TouchableOpacity(function(_ref3){var id=_ref3.id,isFocused=_ref3.isFocused,theme=_ref3.theme,editable=_ref3.editable,validationState=_ref3.validationState,leadingIcon=_ref3.leadingIcon,prefix=_ref3.prefix,trailingInteractionElement=_ref3.trailingInteractionElement,leadingInteractionElement=_ref3.leadingInteractionElement,suffix=_ref3.suffix,trailingIcon=_ref3.trailingIcon,isTextArea=_ref3.isTextArea,numberOfLines=_ref3.numberOfLines,isDropdownTrigger=_ref3.isDropdownTrigger,hasTags=_ref3.hasTags,$size=_ref3.$size,isTableInputCell=_ref3.isTableInputCell,valueComponentType=_ref3.valueComponentType;return Object.assign({},getRNInputStyles({id:id,isFocused:isFocused,theme:theme,editable:editable,validationState:validationState,leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,isTextArea:isTextArea,numberOfLines:numberOfLines,isDropdownTrigger:isDropdownTrigger,hasTags:hasTags,$size:$size,valueComponentType:valueComponentType,isTableInputCell:isTableInputCell}));});var _StyledBaseInput=function _StyledBaseInput(_ref4,ref){var name=_ref4.name;_ref4.isRequired;var isDisabled=_ref4.isDisabled,maxCharacters=_ref4.maxCharacters,handleOnFocus=_ref4.handleOnFocus,handleOnChange=_ref4.handleOnChange,handleOnBlur=_ref4.handleOnBlur,handleOnSubmit=_ref4.handleOnSubmit,handleOnInput=_ref4.handleOnInput,handleOnKeyDown=_ref4.handleOnKeyDown,handleOnClick=_ref4.handleOnClick,_ref4$keyboardType=_ref4.keyboardType,keyboardType=_ref4$keyboardType===void 0?'text':_ref4$keyboardType,keyboardReturnKeyType=_ref4.keyboardReturnKeyType,autoCompleteSuggestionType=_ref4.autoCompleteSuggestionType,accessibilityProps=_ref4.accessibilityProps,currentInteraction=_ref4.currentInteraction,setCurrentInteraction=_ref4.setCurrentInteraction,type=_ref4.type,numberOfLines=_ref4.numberOfLines,isTextArea=_ref4.isTextArea;_ref4.hasPopup;var shouldIgnoreBlurAnimation=_ref4.shouldIgnoreBlurAnimation,autoCapitalize=_ref4.autoCapitalize,renderAs=_ref4.as,$size=_ref4.$size,valueSuffix=_ref4.valueSuffix,props=_objectWithoutProperties(_ref4,_excluded);var buttonValue=props.value?props.value:props.placeholder;var _useTheme=useTheme(),theme=_useTheme.theme;var commonProps={onBlur:function onBlur(){if(!shouldIgnoreBlurAnimation){setCurrentInteraction('default');}},isFocused:currentInteraction==='focus'};return renderAs==='button'?jsx(StyledNativeBaseButton,Object.assign({ref:ref,onPress:function onPress(){handleOnClick==null?void 0:handleOnClick({name:name,value:props.value});},onFocus:function onFocus(){handleOnFocus==null?void 0:handleOnFocus({name:name,value:props.value});setCurrentInteraction('focus');},as:undefined,$size:$size},commonProps,props,accessibilityProps,{children:jsxs(BaseBox,{display:"flex",alignItems:"center",gap:"spacing.3",children:[jsx(Text,{color:props.value&&!isDisabled?'surface.text.gray.subtle':'surface.text.gray.disabled',truncateAfterLines:1,textAlign:props.textAlign,size:$size,children:buttonValue}),valueSuffix]})})):jsx(StyledNativeBaseInput,Object.assign({ref:ref,multiline:isTextArea,numberOfLines:numberOfLines,editable:!isDisabled,maxLength:maxCharacters,placeholderTextColor:theme.colors.surface.text.gray.disabled,onFocus:function onFocus(event){handleOnFocus==null?void 0:handleOnFocus({name:name,value:event==null?void 0:event.nativeEvent.text});handleOnClick==null?void 0:handleOnClick({name:name,value:event==null?void 0:event.nativeEvent.text});setCurrentInteraction('focus');},onChangeText:function onChangeText(text){handleOnChange==null?void 0:handleOnChange({name:name,value:text});handleOnInput==null?void 0:handleOnInput({name:name,value:text});},onEndEditing:function onEndEditing(event){return handleOnBlur==null?void 0:handleOnBlur({name:name,value:event==null?void 0:event.nativeEvent.text});},onSubmitEditing:function onSubmitEditing(event){return handleOnSubmit==null?void 0:handleOnSubmit({name:name,value:event==null?void 0:event.nativeEvent.text});},onKeyPress:function onKeyPress(event){handleOnKeyDown==null?void 0:handleOnKeyDown({name:name,key:event==null?void 0:event.nativeEvent.key,event:event});},keyboardType:KeyboardTypeToNativeValuesMap[keyboardType],returnKeyType:keyboardReturnKeyType,autoCompleteType:autoCompleteSuggestionType?autoCompleteSuggestionTypeAndroid[autoCompleteSuggestionType]:undefined,secureTextEntry:type==='password',isTextArea:isTextArea,textContentType:autoCompleteSuggestionType?autoCompleteSuggestionTypeIOS[autoCompleteSuggestionType]:undefined,autoCapitalize:autoCapitalize,$size:$size},commonProps,props,accessibilityProps));};var StyledBaseInput=assignWithoutSideEffects(React__default.forwardRef(_StyledBaseInput),{displayName:'StyledBaseInput'});
24
25
 
25
26
  export { StyledBaseInput };
26
27
  //# sourceMappingURL=StyledBaseInput.native.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n TextInputProps,\n TouchableHighlight,\n TouchableHighlightProps,\n GestureResponderEvent,\n TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\n\ntype StyledComponentAutoCompleteAndroid =\n | 'off'\n | 'name'\n | 'cc-csc'\n | 'cc-exp'\n | 'cc-exp-month'\n | 'cc-exp-year'\n | 'cc-number'\n | 'email'\n | 'username'\n | 'password'\n | 'postal-code'\n | 'tel'\n | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n none: 'off',\n name: 'name',\n email: 'email',\n username: 'username',\n password: 'password',\n newPassword: 'password-new',\n oneTimeCode: 'sms-otp',\n telephone: 'tel',\n postalCode: 'postal-code',\n countryName: 'postal-address-country',\n creditCardNumber: 'cc-number',\n creditCardCSC: 'cc-csc',\n creditCardExpiry: 'cc-exp',\n creditCardExpiryMonth: 'cc-exp-month',\n creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n none: 'none',\n name: 'name',\n email: 'emailAddress',\n username: 'username',\n password: 'password',\n newPassword: 'newPassword',\n oneTimeCode: 'oneTimeCode',\n telephone: 'telephoneNumber',\n postalCode: 'postalCode',\n countryName: 'countryName',\n creditCardNumber: 'creditCardNumber',\n creditCardCSC: 'none',\n creditCardExpiry: 'none',\n creditCardExpiryMonth: 'none',\n creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n text: 'default',\n search: 'default',\n telephone: 'phone-pad',\n email: 'email-address',\n url: 'url',\n decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n StyledBaseInputProps,\n 'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n isTextArea?: boolean;\n isFocused: boolean;\n autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n editable?: boolean;\n onPress?: (event: GestureResponderEvent) => void;\n $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n isTextArea,\n hasTags,\n numberOfLines,\n isDropdownTrigger,\n size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n if (isTextArea) {\n const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n return `${baseInputHeight[size] * lines}px`;\n }\n\n if (hasTags) {\n return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n }\n\n return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n props: StyledComponentInputProps &\n ThemeProps<DefaultTheme> &\n (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n return {\n ...getBaseInputStyles({\n theme: props.theme,\n isFocused: props.isFocused,\n isDisabled: !props.editable,\n validationState: props.validationState,\n leadingIcon: props.leadingIcon,\n prefix: props.prefix,\n trailingInteractionElement: props.trailingInteractionElement,\n leadingInteractionElement: props.leadingInteractionElement,\n suffix: props.suffix,\n trailingIcon: props.trailingIcon,\n isTextArea: props.isTextArea,\n hasTags: props.hasTags,\n isDropdownTrigger: props.isDropdownTrigger,\n size: props.$size,\n valueComponentType: props.valueComponentType,\n isTableInputCell: props.isTableInputCell,\n }),\n lineHeight: RNPlatform.select({\n android: makeSize(props.theme.typography.lineHeights[100]),\n ios: undefined,\n }),\n textAlignVertical: 'top',\n height: getInputHeight({\n isTextArea: props.isTextArea,\n hasTags: props.hasTags,\n numberOfLines: props.numberOfLines,\n isDropdownTrigger: props.isDropdownTrigger,\n size: props.$size,\n }),\n };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n ({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n isTableInputCell,\n valueComponentType,\n }) =>\n getRNInputStyles({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n hasTags,\n isDropdownTrigger,\n $size,\n valueComponentType,\n isTableInputCell,\n }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n ({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n isTableInputCell,\n valueComponentType,\n }) => ({\n ...getRNInputStyles({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n valueComponentType,\n isTableInputCell,\n }),\n }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n TextInput | TouchableHighlight,\n StyledBaseInputProps\n> = (\n {\n name,\n isRequired,\n isDisabled,\n maxCharacters,\n handleOnFocus,\n handleOnChange,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n handleOnClick,\n keyboardType = 'text',\n keyboardReturnKeyType,\n autoCompleteSuggestionType,\n accessibilityProps,\n currentInteraction,\n setCurrentInteraction,\n type,\n numberOfLines,\n isTextArea,\n hasPopup,\n shouldIgnoreBlurAnimation,\n autoCapitalize,\n as: renderAs,\n $size,\n ...props\n },\n ref,\n) => {\n const buttonValue = props.value ? props.value : props.placeholder;\n const { theme } = useTheme();\n const commonProps = {\n onBlur: (): void => {\n // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n if (!shouldIgnoreBlurAnimation) {\n setCurrentInteraction('default');\n }\n },\n isFocused: currentInteraction === 'focus',\n };\n\n return renderAs === 'button' ? (\n <StyledNativeBaseButton\n // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n onPress={(): void => {\n handleOnClick?.({ name, value: props.value });\n }}\n onFocus={(): void => {\n handleOnFocus?.({ name, value: props.value });\n setCurrentInteraction('focus');\n }}\n as={undefined}\n $size={$size}\n {...commonProps}\n {...props}\n {...accessibilityProps}\n >\n <Text\n color={\n props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n }\n truncateAfterLines={1}\n textAlign={props.textAlign}\n size={$size}\n >\n {buttonValue}\n </Text>\n </StyledNativeBaseButton>\n ) : (\n <StyledNativeBaseInput\n // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n multiline={isTextArea}\n numberOfLines={numberOfLines}\n editable={!isDisabled}\n maxLength={maxCharacters}\n placeholderTextColor={theme.colors.surface.text.gray.disabled}\n onFocus={(event): void => {\n handleOnFocus?.({ name, value: event?.nativeEvent.text });\n // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n handleOnClick?.({ name, value: event?.nativeEvent.text });\n setCurrentInteraction('focus');\n }}\n onChangeText={(text): void => {\n handleOnChange?.({ name, value: text });\n handleOnInput?.({ name, value: text });\n }}\n onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n onKeyPress={(event): void => {\n handleOnKeyDown?.({\n name,\n key: event?.nativeEvent.key,\n event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n });\n }}\n // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n // source: https://reactnative.dev/docs/textinput/#keyboardtype\n keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n returnKeyType={keyboardReturnKeyType}\n autoCompleteType={\n autoCompleteSuggestionType\n ? (autoCompleteSuggestionTypeAndroid[\n autoCompleteSuggestionType as Platform.CastNative<\n BaseInputProps['autoCompleteSuggestionType']\n >\n ] as StyledComponentAutoCompleteAndroid)\n : undefined\n }\n secureTextEntry={type === 'password'}\n isTextArea={isTextArea}\n textContentType={\n autoCompleteSuggestionType\n ? autoCompleteSuggestionTypeIOS[\n autoCompleteSuggestionType as Platform.CastNative<\n BaseInputProps['autoCompleteSuggestionType']\n >\n ]\n : undefined\n }\n autoCapitalize={autoCapitalize}\n $size={$size}\n {...commonProps}\n {...props}\n {...accessibilityProps}\n />\n );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
1
+ {"version":3,"file":"StyledBaseInput.native.js","sources":["../../../../../../src/components/Input/BaseInput/StyledBaseInput.native.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components/native';\nimport type { CSSObject, ThemeProps, DefaultTheme } from 'styled-components';\nimport type {\n TextInputProps,\n TouchableHighlight,\n TouchableHighlightProps,\n GestureResponderEvent,\n TextInput,\n} from 'react-native';\nimport { Platform as RNPlatform } from 'react-native';\nimport type { BaseInputProps } from './BaseInput';\nimport type { StyledBaseInputProps } from './types';\nimport { getBaseInputStyles } from './baseInputStyles';\nimport { baseInputHeight } from './baseInputTokens';\nimport { Text } from '~components/Typography';\nimport { useTheme } from '~components/BladeProvider';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { size as sizeToken } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport type { Platform } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\n\ntype StyledComponentAutoCompleteAndroid =\n | 'off'\n | 'name'\n | 'cc-csc'\n | 'cc-exp'\n | 'cc-exp-month'\n | 'cc-exp-year'\n | 'cc-number'\n | 'email'\n | 'username'\n | 'password'\n | 'postal-code'\n | 'tel'\n | undefined;\n\nconst autoCompleteSuggestionTypeAndroid = {\n none: 'off',\n name: 'name',\n email: 'email',\n username: 'username',\n password: 'password',\n newPassword: 'password-new',\n oneTimeCode: 'sms-otp',\n telephone: 'tel',\n postalCode: 'postal-code',\n countryName: 'postal-address-country',\n creditCardNumber: 'cc-number',\n creditCardCSC: 'cc-csc',\n creditCardExpiry: 'cc-exp',\n creditCardExpiryMonth: 'cc-exp-month',\n creditCardExpiryYear: 'cc-exp-year',\n} as const;\n\nconst autoCompleteSuggestionTypeIOS = {\n none: 'none',\n name: 'name',\n email: 'emailAddress',\n username: 'username',\n password: 'password',\n newPassword: 'newPassword',\n oneTimeCode: 'oneTimeCode',\n telephone: 'telephoneNumber',\n postalCode: 'postalCode',\n countryName: 'countryName',\n creditCardNumber: 'creditCardNumber',\n creditCardCSC: 'none',\n creditCardExpiry: 'none',\n creditCardExpiryMonth: 'none',\n creditCardExpiryYear: 'none',\n} as const;\n\nconst KeyboardTypeToNativeValuesMap = {\n text: 'default',\n search: 'default',\n telephone: 'phone-pad',\n email: 'email-address',\n url: 'url',\n decimal: 'decimal-pad',\n};\n\ntype StyledComponentInputProps = Omit<\n StyledBaseInputProps,\n 'accessibilityProps' | 'setCurrentInteraction' | 'currentInteraction'\n> & {\n isTextArea?: boolean;\n isFocused: boolean;\n autoCompleteType?: typeof autoCompleteSuggestionTypeAndroid[keyof typeof autoCompleteSuggestionTypeAndroid];\n editable?: boolean;\n onPress?: (event: GestureResponderEvent) => void;\n $size: NonNullable<BaseInputProps['size']>;\n};\n\nconst getInputHeight = ({\n isTextArea,\n hasTags,\n numberOfLines,\n isDropdownTrigger,\n size,\n}: Pick<StyledBaseInputProps, 'hasTags' | 'isTextArea' | 'numberOfLines' | 'isDropdownTrigger'> & {\n size: NonNullable<BaseInputProps['size']>;\n}): string | undefined => {\n if (isTextArea) {\n const lines = isDropdownTrigger ? 1 : numberOfLines ?? 0;\n return `${baseInputHeight[size] * lines}px`;\n }\n\n if (hasTags) {\n return undefined; // we don't set height on input. We set it on wrapper to properly include tags in overall height\n }\n\n return makeSize(sizeToken[baseInputHeight[size]]);\n};\n\nconst getRNInputStyles = (\n props: StyledComponentInputProps &\n ThemeProps<DefaultTheme> &\n (TextInputProps | TouchableHighlightProps),\n): CSSObject => {\n return {\n ...getBaseInputStyles({\n theme: props.theme,\n isFocused: props.isFocused,\n isDisabled: !props.editable,\n validationState: props.validationState,\n leadingIcon: props.leadingIcon,\n prefix: props.prefix,\n trailingInteractionElement: props.trailingInteractionElement,\n leadingInteractionElement: props.leadingInteractionElement,\n suffix: props.suffix,\n trailingIcon: props.trailingIcon,\n isTextArea: props.isTextArea,\n hasTags: props.hasTags,\n isDropdownTrigger: props.isDropdownTrigger,\n size: props.$size,\n valueComponentType: props.valueComponentType,\n isTableInputCell: props.isTableInputCell,\n }),\n lineHeight: RNPlatform.select({\n android: makeSize(props.theme.typography.lineHeights[100]),\n ios: undefined,\n }),\n textAlignVertical: 'top',\n height: getInputHeight({\n isTextArea: props.isTextArea,\n hasTags: props.hasTags,\n numberOfLines: props.numberOfLines,\n isDropdownTrigger: props.isDropdownTrigger,\n size: props.$size,\n }),\n };\n};\nconst StyledNativeBaseInput = styled.TextInput<StyledComponentInputProps>(\n ({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n isTableInputCell,\n valueComponentType,\n }) =>\n getRNInputStyles({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n hasTags,\n isDropdownTrigger,\n $size,\n valueComponentType,\n isTableInputCell,\n }),\n);\nconst StyledNativeBaseButton = styled.TouchableOpacity<StyledComponentInputProps>(\n ({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n isTableInputCell,\n valueComponentType,\n }) => ({\n ...getRNInputStyles({\n id,\n isFocused,\n theme,\n editable,\n validationState,\n leadingIcon,\n prefix,\n trailingInteractionElement,\n leadingInteractionElement,\n suffix,\n trailingIcon,\n isTextArea,\n numberOfLines,\n isDropdownTrigger,\n hasTags,\n $size,\n valueComponentType,\n isTableInputCell,\n }),\n }),\n);\n\nconst _StyledBaseInput: React.ForwardRefRenderFunction<\n TextInput | TouchableHighlight,\n StyledBaseInputProps\n> = (\n {\n name,\n isRequired,\n isDisabled,\n maxCharacters,\n handleOnFocus,\n handleOnChange,\n handleOnBlur,\n handleOnSubmit,\n handleOnInput,\n handleOnKeyDown,\n handleOnClick,\n keyboardType = 'text',\n keyboardReturnKeyType,\n autoCompleteSuggestionType,\n accessibilityProps,\n currentInteraction,\n setCurrentInteraction,\n type,\n numberOfLines,\n isTextArea,\n hasPopup,\n shouldIgnoreBlurAnimation,\n autoCapitalize,\n as: renderAs,\n $size,\n valueSuffix,\n ...props\n },\n ref,\n) => {\n const buttonValue = props.value ? props.value : props.placeholder;\n const { theme } = useTheme();\n const commonProps = {\n onBlur: (): void => {\n // In certain cases like SelectInput, we want to ignore the blur animation when option item is clicked.\n // The selectinput should always look like it is in focus otherwise it triggers blur + focus again which can cause flicker\n if (!shouldIgnoreBlurAnimation) {\n setCurrentInteraction('default');\n }\n },\n isFocused: currentInteraction === 'focus',\n };\n\n return renderAs === 'button' ? (\n <StyledNativeBaseButton\n // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n onPress={(): void => {\n handleOnClick?.({ name, value: props.value });\n }}\n onFocus={(): void => {\n handleOnFocus?.({ name, value: props.value });\n setCurrentInteraction('focus');\n }}\n as={undefined}\n $size={$size}\n {...commonProps}\n {...props}\n {...accessibilityProps}\n >\n <BaseBox display=\"flex\" alignItems=\"center\" gap=\"spacing.3\">\n <Text\n color={\n props.value && !isDisabled ? 'surface.text.gray.subtle' : 'surface.text.gray.disabled'\n }\n truncateAfterLines={1}\n textAlign={props.textAlign}\n size={$size}\n >\n {buttonValue}\n </Text>\n {valueSuffix}\n </BaseBox>\n </StyledNativeBaseButton>\n ) : (\n <StyledNativeBaseInput\n // the types of styled-components for react-native is creating a mess, so there's no other option but to type `ref` as any\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={ref as any}\n multiline={isTextArea}\n numberOfLines={numberOfLines}\n editable={!isDisabled}\n maxLength={maxCharacters}\n placeholderTextColor={theme.colors.surface.text.gray.disabled}\n onFocus={(event): void => {\n handleOnFocus?.({ name, value: event?.nativeEvent.text });\n // React Native does not have native onPress event on Input elements so for consistency of API we call it on onFocus which also gets triggered on clicks\n handleOnClick?.({ name, value: event?.nativeEvent.text });\n setCurrentInteraction('focus');\n }}\n onChangeText={(text): void => {\n handleOnChange?.({ name, value: text });\n handleOnInput?.({ name, value: text });\n }}\n onEndEditing={(event): void => handleOnBlur?.({ name, value: event?.nativeEvent.text })}\n onSubmitEditing={(event): void => handleOnSubmit?.({ name, value: event?.nativeEvent.text })}\n onKeyPress={(event): void => {\n handleOnKeyDown?.({\n name,\n key: event?.nativeEvent.key,\n event: (event as unknown) as React.KeyboardEvent<HTMLInputElement>, // TODO: handle platform specific type\n });\n }}\n // @ts-expect-error styled-components have limited keyboard types('default' | 'email-address' | 'numeric' | 'phone-pad' | 'number-pad' | 'decimal-pad') compared to the actual supported types so ignoring the error.\n // source: https://reactnative.dev/docs/textinput/#keyboardtype\n keyboardType={KeyboardTypeToNativeValuesMap[keyboardType]}\n returnKeyType={keyboardReturnKeyType}\n autoCompleteType={\n autoCompleteSuggestionType\n ? (autoCompleteSuggestionTypeAndroid[\n autoCompleteSuggestionType as Platform.CastNative<\n BaseInputProps['autoCompleteSuggestionType']\n >\n ] as StyledComponentAutoCompleteAndroid)\n : undefined\n }\n secureTextEntry={type === 'password'}\n isTextArea={isTextArea}\n textContentType={\n autoCompleteSuggestionType\n ? autoCompleteSuggestionTypeIOS[\n autoCompleteSuggestionType as Platform.CastNative<\n BaseInputProps['autoCompleteSuggestionType']\n >\n ]\n : undefined\n }\n autoCapitalize={autoCapitalize}\n $size={$size}\n {...commonProps}\n {...props}\n {...accessibilityProps}\n />\n );\n};\n\nconst StyledBaseInput = assignWithoutSideEffects(React.forwardRef(_StyledBaseInput), {\n displayName: 'StyledBaseInput',\n});\n\nexport { StyledBaseInput };\n"],"names":["autoCompleteSuggestionTypeAndroid","none","name","email","username","password","newPassword","oneTimeCode","telephone","postalCode","countryName","creditCardNumber","creditCardCSC","creditCardExpiry","creditCardExpiryMonth","creditCardExpiryYear","autoCompleteSuggestionTypeIOS","KeyboardTypeToNativeValuesMap","text","search","url","decimal","getInputHeight","_ref","isTextArea","hasTags","numberOfLines","isDropdownTrigger","size","lines","baseInputHeight","undefined","makeSize","sizeToken","getRNInputStyles","props","Object","assign","getBaseInputStyles","theme","isFocused","isDisabled","editable","validationState","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","$size","valueComponentType","isTableInputCell","lineHeight","RNPlatform","select","android","typography","lineHeights","ios","textAlignVertical","height","StyledNativeBaseInput","styled","TextInput","_ref2","id","StyledNativeBaseButton","TouchableOpacity","_ref3","_StyledBaseInput","_ref4","ref","isRequired","maxCharacters","handleOnFocus","handleOnChange","handleOnBlur","handleOnSubmit","handleOnInput","handleOnKeyDown","handleOnClick","_ref4$keyboardType","keyboardType","keyboardReturnKeyType","autoCompleteSuggestionType","accessibilityProps","currentInteraction","setCurrentInteraction","type","hasPopup","shouldIgnoreBlurAnimation","autoCapitalize","renderAs","as","valueSuffix","_objectWithoutProperties","_excluded","buttonValue","value","placeholder","_useTheme","useTheme","commonProps","onBlur","_jsx","onPress","onFocus","children","_jsxs","BaseBox","display","alignItems","gap","Text","color","truncateAfterLines","textAlign","multiline","maxLength","placeholderTextColor","colors","surface","gray","disabled","event","nativeEvent","onChangeText","onEndEditing","onSubmitEditing","onKeyPress","key","returnKeyType","autoCompleteType","secureTextEntry","textContentType","StyledBaseInput","assignWithoutSideEffects","React","forwardRef","displayName"],"mappings":"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"}
@@ -18,7 +18,7 @@ import { dropdownComponentIds } from '../../Dropdown/dropdownComponentIds.js';
18
18
  import { useControlledDropdownInput } from '../../../utils/useControlledDropdownInput/useControlledDropdownInput.js';
19
19
  import { jsx } from 'react/jsx-runtime';
20
20
 
21
- var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){triggererWrapperRef.current=wrapperNode;}},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
21
+ var _BaseDropdownInputTrigger=function _BaseDropdownInputTrigger(props,ref){var _props$placeholder,_props$validationStat,_props$maxRows,_props$label;var _useDropdown=useDropdown(),isOpen=_useDropdown.isOpen,activeTagIndex=_useDropdown.activeTagIndex,setActiveTagIndex=_useDropdown.setActiveTagIndex,displayValue=_useDropdown.displayValue,selectionType=_useDropdown.selectionType,dropdownTriggerer=_useDropdown.dropdownTriggerer,dropdownBaseId=_useDropdown.dropdownBaseId,selectedIndices=_useDropdown.selectedIndices,triggererRef=_useDropdown.triggererRef,headerAutoCompleteRef=_useDropdown.headerAutoCompleteRef,triggererWrapperRef=_useDropdown.triggererWrapperRef,isTagDismissedRef=_useDropdown.isTagDismissedRef,onTriggerClick=_useDropdown.onTriggerClick,value=_useDropdown.value,shouldIgnoreBlurAnimation=_useDropdown.shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation=_useDropdown.setShouldIgnoreBlurAnimation,activeIndex=_useDropdown.activeIndex,hasFooterAction=_useDropdown.hasFooterAction,options=_useDropdown.options,removeOption=_useDropdown.removeOption,setChangeCallbackTriggerer=_useDropdown.setChangeCallbackTriggerer,changeCallbackTriggerer=_useDropdown.changeCallbackTriggerer;var _useTableContext=useTableContext(),rowDensity=_useTableContext.rowDensity;var _useTableEditableCell=useTableEditableCell(),isInsideTableEditableCell=_useTableEditableCell.isInsideTableEditableCell;var dropdownTriggerPlaceholder=(_props$placeholder=props.placeholder)!=null?_props$placeholder:'Select Option';var isAutoCompleteInHeader=!props.isSelectInput&&dropdownTriggerer!==dropdownComponentIds.triggers.AutoComplete;var getShowAllTags=React__default.useCallback(function(){if(isAutoCompleteInHeader){if(props.isSelectInput){return false;}return true;}return isOpen;},[isAutoCompleteInHeader,props.isSelectInput,isOpen]);useControlledDropdownInput({onChange:props.onChange,name:props.name,value:props.value,defaultValue:props.defaultValue,syncInputValueWithSelection:props.syncInputValueWithSelection,isSelectInput:props.isSelectInput,triggererRef:triggererRef});var getValue=function getValue(){var prefix='';if(props.labelPosition==='inside-input'&&props.label){prefix=`${props.label}: `;}if(props.isSelectInput){if(selectionType==='single'){return `${prefix}${displayValue}`;}return undefined;}return props.inputValue;};var getTags=React__default.useMemo(function(){return function(_ref){var size=_ref.size;if(selectionType==='single'){return undefined;}return getTagsGroup({size:size,tags:selectedIndices.map(function(selectedIndex){var _options$selectedInde;return (_options$selectedInde=options[selectedIndex])==null?void 0:_options$selectedInde.title;}),activeTagIndex:activeTagIndex,isDisabled:props.isDisabled,onDismiss:function onDismiss(_ref2){var tagIndex=_ref2.tagIndex;if(isTagDismissedRef.current){isTagDismissedRef.current.value=true;}if(!isReactNative()){var _triggererRef$current;(_triggererRef$current=triggererRef.current)==null?void 0:_triggererRef$current.focus();}removeOption(selectedIndices[tagIndex]);setChangeCallbackTriggerer(Number(changeCallbackTriggerer)+1);}});};},[selectedIndices,selectionType,activeTagIndex,changeCallbackTriggerer,options]);var tableInputProps={isTableInputCell:rowDensityToIsTableInputCellMapping[rowDensity],id:'table-editable-cell-input',size:tableEditableCellRowDensityToInputSizeMap[rowDensity],trailingIcon:validationStateToInputTrailingIconMap[(_props$validationStat=props.validationState)!=null?_props$validationStat:'none'],showHintsAsTooltip:true};var isValidationStateNone=props.validationState==='none'||props.validationState===undefined;return jsx(BaseInput,Object.assign({as:props.isSelectInput?'button':'input',ref:isReactNative()?null:function(node){if(isAutoCompleteInHeader){headerAutoCompleteRef.current=node;}else {triggererRef.current=node;}if(ref){if(typeof ref==='function'){ref(node);}else {ref.current=node;}}},isDropdownTrigger:true,setInputWrapperRef:function setInputWrapperRef(wrapperNode){if(!isAutoCompleteInHeader){triggererWrapperRef.current=wrapperNode;}},maxTagRows:(_props$maxRows=props.maxRows)!=null?_props$maxRows:'single',tags:getTags({size:props.size||'medium'}),showAllTags:getShowAllTags(),activeTagIndex:activeTagIndex,setActiveTagIndex:setActiveTagIndex,shouldIgnoreBlurAnimation:shouldIgnoreBlurAnimation,setShouldIgnoreBlurAnimation:setShouldIgnoreBlurAnimation,textAlign:"left",label:props.label,placeholder:selectionType==='multiple'&&selectedIndices.length>0?undefined:dropdownTriggerPlaceholder,hideLabelText:((_props$label=props.label)==null?void 0:_props$label.length)===0,accessibilityLabel:props.accessibilityLabel,labelPosition:props.labelPosition==='inside-input'?undefined:props.labelPosition,isLabelInsideInput:props.labelPosition==='inside-input',necessityIndicator:props.necessityIndicator,autoCompleteSuggestionType:"none",validationState:props.validationState,helpText:props.helpText,errorText:props.errorText,successText:props.successText,name:props.name,isDisabled:props.isDisabled,isRequired:props.isRequired,prefix:props.prefix,suffix:props.suffix,valueSuffix:typeof props.valueSuffix==='function'?props.valueSuffix({values:options.filter(function(option,index){return selectedIndices.includes(index);}).map(function(option){return option.value;})}):undefined,autoFocus:props.autoFocus,value:getValue(),onClick:function onClick(e){if(props.isDisabled){return;}props.onTriggerClick==null?void 0:props.onTriggerClick(e);},onFocus:props.onFocus,onBlur:function onBlur(_ref3){var name=_ref3.name;props.onBlur==null?void 0:props.onBlur({name:name,value:value});},leadingIcon:props.icon,componentName:props.isSelectInput?MetaConstants.SelectInput:MetaConstants.AutoComplete,testID:props.testID,id:`${dropdownBaseId}-trigger`,labelId:`${dropdownBaseId}-label`,role:isAutoCompleteInHeader?'searchbox':'combobox',hasPopup:isAutoCompleteInHeader?false:getActionListContainerRole(hasFooterAction,dropdownTriggerer),isPopupExpanded:isOpen,activeDescendant:activeIndex>=0?`${dropdownBaseId}-${activeIndex}`:undefined,popupId:isAutoCompleteInHeader?undefined:`${dropdownBaseId}-actionlist`,onChange:props.isSelectInput?undefined:props.onInputValueChange,onKeyDown:props.onTriggerKeydown,size:props.size},makeAnalyticsAttribute(props),{onTrailingInteractionElementClick:function onTrailingInteractionElementClick(){if(!props.isDisabled){if(!isReactNative()){var _triggererRef$current2;(_triggererRef$current2=triggererRef.current)==null?void 0:_triggererRef$current2.focus();}onTriggerClick();}},trailingInteractionElement:isAutoCompleteInHeader||isInsideTableEditableCell&&!isValidationStateNone?null:jsx(InputChevronIcon,{isDisabled:props.isDisabled,isOpen:isOpen})},isInsideTableEditableCell?tableInputProps:undefined,{tabIndex:isAutoCompleteInHeader?0:undefined}));};var BaseDropdownInputTrigger=React__default.forwardRef(_BaseDropdownInputTrigger);
22
22
 
23
23
  export { BaseDropdownInputTrigger };
24
24
  //# sourceMappingURL=BaseDropdownInputTrigger.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BaseDropdownInputTrigger.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseInput } from '../BaseInput';\nimport type { BaseInputProps } from '../BaseInput';\nimport { InputChevronIcon } from './InputChevronIcon';\nimport type { BaseDropdownInputTriggerProps } from './types';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport type { BladeElementRef } from '~utils/types';\nimport { useTableContext } from '~components/Table/TableContext';\nimport {\n rowDensityToIsTableInputCellMapping,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n} from '~components/Table/tokens';\nimport { useTableEditableCell } from '~components/Table/TableEditableCellContext';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\n\nconst _BaseDropdownInputTrigger = (\n props: BaseDropdownInputTriggerProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n isOpen,\n activeTagIndex,\n setActiveTagIndex,\n displayValue,\n selectionType,\n dropdownTriggerer,\n dropdownBaseId,\n selectedIndices,\n triggererRef,\n headerAutoCompleteRef,\n triggererWrapperRef,\n isTagDismissedRef,\n onTriggerClick,\n value,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n activeIndex,\n hasFooterAction,\n options,\n removeOption,\n setChangeCallbackTriggerer,\n changeCallbackTriggerer,\n } = useDropdown();\n const { rowDensity } = useTableContext();\n const { isInsideTableEditableCell } = useTableEditableCell();\n\n const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n const isAutoCompleteInHeader =\n !props.isSelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;\n\n const getShowAllTags = React.useCallback((): boolean => {\n if (isAutoCompleteInHeader) {\n // When AutoComplete is in bottomsheet header, we never want to show all tags in outer select input\n if (props.isSelectInput) {\n return false;\n }\n\n // ... And we always want to show all tags in inner AutoComplete\n return true;\n }\n\n return isOpen;\n }, [isAutoCompleteInHeader, props.isSelectInput, isOpen]);\n\n useControlledDropdownInput({\n onChange: props.onChange,\n name: props.name,\n value: props.value,\n defaultValue: props.defaultValue,\n syncInputValueWithSelection: props.syncInputValueWithSelection,\n isSelectInput: props.isSelectInput,\n triggererRef,\n });\n\n const getValue = (): string | undefined => {\n let prefix = '';\n if (props.labelPosition === 'inside-input' && props.label) {\n prefix = `${props.label}: `;\n }\n\n if (props.isSelectInput) {\n if (selectionType === 'single') {\n return `${prefix}${displayValue}`;\n }\n\n // In multiselect, we return tags so no display value is required\n return undefined;\n }\n\n // In AutoComplete, input has a special value too\n return props.inputValue;\n };\n\n const getTags = React.useMemo(\n () => ({ size }: { size: NonNullable<BaseInputProps['size']> }) => {\n if (selectionType === 'single') {\n return undefined;\n }\n\n return getTagsGroup({\n size,\n tags: selectedIndices.map((selectedIndex) => options[selectedIndex]?.title),\n activeTagIndex,\n isDisabled: props.isDisabled,\n onDismiss: ({ tagIndex }) => {\n if (isTagDismissedRef.current) {\n isTagDismissedRef.current.value = true;\n }\n\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n\n removeOption(selectedIndices[tagIndex]);\n setChangeCallbackTriggerer(Number(changeCallbackTriggerer) + 1);\n },\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [selectedIndices, selectionType, activeTagIndex, changeCallbackTriggerer, options],\n );\n\n const tableInputProps: Partial<BaseInputProps> = {\n isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],\n id: 'table-editable-cell-input',\n size: tableEditableCellRowDensityToInputSizeMap[rowDensity],\n trailingIcon: validationStateToInputTrailingIconMap[props.validationState ?? 'none'],\n showHintsAsTooltip: true,\n };\n\n const isValidationStateNone =\n props.validationState === 'none' || props.validationState === undefined;\n\n return (\n <BaseInput\n as={props.isSelectInput ? 'button' : 'input'}\n ref={\n (isReactNative()\n ? null\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (node: any) => {\n if (isAutoCompleteInHeader) {\n headerAutoCompleteRef.current = node;\n } else {\n triggererRef.current = node;\n }\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(node);\n } else {\n ref.current = node;\n }\n }\n }) as never\n }\n isDropdownTrigger={true}\n setInputWrapperRef={(wrapperNode) => {\n // when autocomplete is in header, its not a trigger but a component inside of DropdownOverlay\n if (!isAutoCompleteInHeader) {\n triggererWrapperRef.current = wrapperNode;\n }\n }}\n maxTagRows={props.maxRows ?? 'single'}\n tags={getTags({ size: props.size || 'medium' })}\n showAllTags={getShowAllTags()}\n activeTagIndex={activeTagIndex}\n setActiveTagIndex={setActiveTagIndex}\n shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n textAlign=\"left\"\n // Form Props\n label={props.label as string}\n placeholder={\n selectionType === 'multiple' && selectedIndices.length > 0\n ? undefined\n : dropdownTriggerPlaceholder\n }\n hideLabelText={props.label?.length === 0}\n accessibilityLabel={props.accessibilityLabel}\n labelPosition={props.labelPosition === 'inside-input' ? undefined : props.labelPosition}\n isLabelInsideInput={props.labelPosition === 'inside-input'}\n necessityIndicator={props.necessityIndicator}\n autoCompleteSuggestionType=\"none\"\n validationState={props.validationState}\n helpText={props.helpText}\n errorText={props.errorText}\n successText={props.successText}\n name={props.name}\n isDisabled={props.isDisabled}\n isRequired={props.isRequired}\n prefix={props.prefix}\n suffix={props.suffix}\n autoFocus={props.autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n value={getValue()}\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onTriggerClick?.(e);\n }}\n onFocus={props.onFocus}\n onBlur={({ name }) => {\n props.onBlur?.({ name, value });\n }}\n leadingIcon={props.icon}\n // Meta Props\n componentName={props.isSelectInput ? MetaConstants.SelectInput : MetaConstants.AutoComplete}\n testID={props.testID}\n // a11y Props\n id={`${dropdownBaseId}-trigger`}\n labelId={`${dropdownBaseId}-label`}\n role={isAutoCompleteInHeader ? 'searchbox' : 'combobox'}\n hasPopup={\n isAutoCompleteInHeader\n ? false\n : getActionListContainerRole(hasFooterAction, dropdownTriggerer)\n }\n isPopupExpanded={isOpen}\n activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n popupId={isAutoCompleteInHeader ? undefined : `${dropdownBaseId}-actionlist`}\n // Special Props for Unique behaviour between Select and AutoComplete\n onChange={props.isSelectInput ? undefined : props.onInputValueChange}\n onKeyDown={props.onTriggerKeydown}\n size={props.size}\n {...makeAnalyticsAttribute(props)}\n onTrailingInteractionElementClick={() => {\n if (!props.isDisabled) {\n // Icon onClicks to the SelectInput itself\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n onTriggerClick();\n }\n }}\n trailingInteractionElement={\n isAutoCompleteInHeader || (isInsideTableEditableCell && !isValidationStateNone) ? null : (\n <InputChevronIcon isDisabled={props.isDisabled} isOpen={isOpen} />\n )\n }\n {...(isInsideTableEditableCell ? tableInputProps : undefined)}\n // When AutoComplete is present inside DropdownOverlay, the floating ui adds tabIndex -1 internally. We override it with tabIndex 0 here\n tabIndex={isAutoCompleteInHeader ? 0 : undefined}\n />\n );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["_BaseDropdownInputTrigger","props","ref","_props$placeholder","_props$validationStat","_props$maxRows","_props$label","_useDropdown","useDropdown","isOpen","activeTagIndex","setActiveTagIndex","displayValue","selectionType","dropdownTriggerer","dropdownBaseId","selectedIndices","triggererRef","headerAutoCompleteRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","value","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","options","removeOption","setChangeCallbackTriggerer","changeCallbackTriggerer","_useTableContext","useTableContext","rowDensity","_useTableEditableCell","useTableEditableCell","isInsideTableEditableCell","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","isSelectInput","dropdownComponentIds","triggers","AutoComplete","getShowAllTags","React","useCallback","useControlledDropdownInput","onChange","name","defaultValue","syncInputValueWithSelection","getValue","prefix","labelPosition","label","undefined","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","map","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","tableInputProps","isTableInputCell","rowDensityToIsTableInputCellMapping","id","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","validationState","showHintsAsTooltip","isValidationStateNone","_jsx","BaseInput","Object","assign","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","length","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","helpText","errorText","successText","isRequired","suffix","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","testID","labelId","role","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","makeAnalyticsAttribute","onTrailingInteractionElementClick","_triggererRef$current2","trailingInteractionElement","InputChevronIcon","tabIndex","BaseDropdownInputTrigger","forwardRef"],"mappings":"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"}
1
+ {"version":3,"file":"BaseDropdownInputTrigger.js","sources":["../../../../../../src/components/Input/DropdownInputTriggers/BaseDropdownInputTrigger.tsx"],"sourcesContent":["import React from 'react';\nimport { BaseInput } from '../BaseInput';\nimport type { BaseInputProps } from '../BaseInput';\nimport { InputChevronIcon } from './InputChevronIcon';\nimport type { BaseDropdownInputTriggerProps } from './types';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\nimport { isReactNative } from '~utils';\nimport { getActionListContainerRole } from '~components/ActionList/getA11yRoles';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { getTagsGroup } from '~components/Tag/getTagsGroup';\nimport type { BladeElementRef } from '~utils/types';\nimport { useTableContext } from '~components/Table/TableContext';\nimport {\n rowDensityToIsTableInputCellMapping,\n tableEditableCellRowDensityToInputSizeMap,\n validationStateToInputTrailingIconMap,\n} from '~components/Table/tokens';\nimport { useTableEditableCell } from '~components/Table/TableEditableCellContext';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport { useControlledDropdownInput } from '~utils/useControlledDropdownInput';\n\nconst _BaseDropdownInputTrigger = (\n props: BaseDropdownInputTriggerProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n const {\n isOpen,\n activeTagIndex,\n setActiveTagIndex,\n displayValue,\n selectionType,\n dropdownTriggerer,\n dropdownBaseId,\n selectedIndices,\n triggererRef,\n headerAutoCompleteRef,\n triggererWrapperRef,\n isTagDismissedRef,\n onTriggerClick,\n value,\n shouldIgnoreBlurAnimation,\n setShouldIgnoreBlurAnimation,\n activeIndex,\n hasFooterAction,\n options,\n removeOption,\n setChangeCallbackTriggerer,\n changeCallbackTriggerer,\n } = useDropdown();\n const { rowDensity } = useTableContext();\n const { isInsideTableEditableCell } = useTableEditableCell();\n\n const dropdownTriggerPlaceholder = props.placeholder ?? 'Select Option';\n const isAutoCompleteInHeader =\n !props.isSelectInput && dropdownTriggerer !== dropdownComponentIds.triggers.AutoComplete;\n\n const getShowAllTags = React.useCallback((): boolean => {\n if (isAutoCompleteInHeader) {\n // When AutoComplete is in bottomsheet header, we never want to show all tags in outer select input\n if (props.isSelectInput) {\n return false;\n }\n\n // ... And we always want to show all tags in inner AutoComplete\n return true;\n }\n\n return isOpen;\n }, [isAutoCompleteInHeader, props.isSelectInput, isOpen]);\n\n useControlledDropdownInput({\n onChange: props.onChange,\n name: props.name,\n value: props.value,\n defaultValue: props.defaultValue,\n syncInputValueWithSelection: props.syncInputValueWithSelection,\n isSelectInput: props.isSelectInput,\n triggererRef,\n });\n\n const getValue = (): string | undefined => {\n let prefix = '';\n if (props.labelPosition === 'inside-input' && props.label) {\n prefix = `${props.label}: `;\n }\n\n if (props.isSelectInput) {\n if (selectionType === 'single') {\n return `${prefix}${displayValue}`;\n }\n\n // In multiselect, we return tags so no display value is required\n return undefined;\n }\n\n // In AutoComplete, input has a special value too\n return props.inputValue;\n };\n\n const getTags = React.useMemo(\n () => ({ size }: { size: NonNullable<BaseInputProps['size']> }) => {\n if (selectionType === 'single') {\n return undefined;\n }\n\n return getTagsGroup({\n size,\n tags: selectedIndices.map((selectedIndex) => options[selectedIndex]?.title),\n activeTagIndex,\n isDisabled: props.isDisabled,\n onDismiss: ({ tagIndex }) => {\n if (isTagDismissedRef.current) {\n isTagDismissedRef.current.value = true;\n }\n\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n\n removeOption(selectedIndices[tagIndex]);\n setChangeCallbackTriggerer(Number(changeCallbackTriggerer) + 1);\n },\n });\n },\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [selectedIndices, selectionType, activeTagIndex, changeCallbackTriggerer, options],\n );\n\n const tableInputProps: Partial<BaseInputProps> = {\n isTableInputCell: rowDensityToIsTableInputCellMapping[rowDensity],\n id: 'table-editable-cell-input',\n size: tableEditableCellRowDensityToInputSizeMap[rowDensity],\n trailingIcon: validationStateToInputTrailingIconMap[props.validationState ?? 'none'],\n showHintsAsTooltip: true,\n };\n\n const isValidationStateNone =\n props.validationState === 'none' || props.validationState === undefined;\n\n return (\n <BaseInput\n as={props.isSelectInput ? 'button' : 'input'}\n ref={\n (isReactNative()\n ? null\n : // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (node: any) => {\n if (isAutoCompleteInHeader) {\n headerAutoCompleteRef.current = node;\n } else {\n triggererRef.current = node;\n }\n\n if (ref) {\n if (typeof ref === 'function') {\n ref(node);\n } else {\n ref.current = node;\n }\n }\n }) as never\n }\n isDropdownTrigger={true}\n setInputWrapperRef={(wrapperNode) => {\n // when autocomplete is in header, its not a trigger but a component inside of DropdownOverlay\n if (!isAutoCompleteInHeader) {\n triggererWrapperRef.current = wrapperNode;\n }\n }}\n maxTagRows={props.maxRows ?? 'single'}\n tags={getTags({ size: props.size || 'medium' })}\n showAllTags={getShowAllTags()}\n activeTagIndex={activeTagIndex}\n setActiveTagIndex={setActiveTagIndex}\n shouldIgnoreBlurAnimation={shouldIgnoreBlurAnimation}\n setShouldIgnoreBlurAnimation={setShouldIgnoreBlurAnimation}\n textAlign=\"left\"\n // Form Props\n label={props.label as string}\n placeholder={\n selectionType === 'multiple' && selectedIndices.length > 0\n ? undefined\n : dropdownTriggerPlaceholder\n }\n hideLabelText={props.label?.length === 0}\n accessibilityLabel={props.accessibilityLabel}\n labelPosition={props.labelPosition === 'inside-input' ? undefined : props.labelPosition}\n isLabelInsideInput={props.labelPosition === 'inside-input'}\n necessityIndicator={props.necessityIndicator}\n autoCompleteSuggestionType=\"none\"\n validationState={props.validationState}\n helpText={props.helpText}\n errorText={props.errorText}\n successText={props.successText}\n name={props.name}\n isDisabled={props.isDisabled}\n isRequired={props.isRequired}\n prefix={props.prefix}\n suffix={props.suffix}\n valueSuffix={\n typeof props.valueSuffix === 'function'\n ? props.valueSuffix({\n values: options\n .filter((option, index) => selectedIndices.includes(index))\n .map((option) => option.value),\n })\n : undefined\n }\n autoFocus={props.autoFocus} // eslint-disable-line jsx-a11y/no-autofocus\n value={getValue()}\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onTriggerClick?.(e);\n }}\n onFocus={props.onFocus}\n onBlur={({ name }) => {\n props.onBlur?.({ name, value });\n }}\n leadingIcon={props.icon}\n // Meta Props\n componentName={props.isSelectInput ? MetaConstants.SelectInput : MetaConstants.AutoComplete}\n testID={props.testID}\n // a11y Props\n id={`${dropdownBaseId}-trigger`}\n labelId={`${dropdownBaseId}-label`}\n role={isAutoCompleteInHeader ? 'searchbox' : 'combobox'}\n hasPopup={\n isAutoCompleteInHeader\n ? false\n : getActionListContainerRole(hasFooterAction, dropdownTriggerer)\n }\n isPopupExpanded={isOpen}\n activeDescendant={activeIndex >= 0 ? `${dropdownBaseId}-${activeIndex}` : undefined}\n popupId={isAutoCompleteInHeader ? undefined : `${dropdownBaseId}-actionlist`}\n // Special Props for Unique behaviour between Select and AutoComplete\n onChange={props.isSelectInput ? undefined : props.onInputValueChange}\n onKeyDown={props.onTriggerKeydown}\n size={props.size}\n {...makeAnalyticsAttribute(props)}\n onTrailingInteractionElementClick={() => {\n if (!props.isDisabled) {\n // Icon onClicks to the SelectInput itself\n if (!isReactNative()) {\n triggererRef.current?.focus();\n }\n onTriggerClick();\n }\n }}\n trailingInteractionElement={\n isAutoCompleteInHeader || (isInsideTableEditableCell && !isValidationStateNone) ? null : (\n <InputChevronIcon isDisabled={props.isDisabled} isOpen={isOpen} />\n )\n }\n {...(isInsideTableEditableCell ? tableInputProps : undefined)}\n // When AutoComplete is present inside DropdownOverlay, the floating ui adds tabIndex -1 internally. We override it with tabIndex 0 here\n tabIndex={isAutoCompleteInHeader ? 0 : undefined}\n />\n );\n};\n\nconst BaseDropdownInputTrigger = React.forwardRef(_BaseDropdownInputTrigger);\n\nexport { BaseDropdownInputTrigger };\n"],"names":["_BaseDropdownInputTrigger","props","ref","_props$placeholder","_props$validationStat","_props$maxRows","_props$label","_useDropdown","useDropdown","isOpen","activeTagIndex","setActiveTagIndex","displayValue","selectionType","dropdownTriggerer","dropdownBaseId","selectedIndices","triggererRef","headerAutoCompleteRef","triggererWrapperRef","isTagDismissedRef","onTriggerClick","value","shouldIgnoreBlurAnimation","setShouldIgnoreBlurAnimation","activeIndex","hasFooterAction","options","removeOption","setChangeCallbackTriggerer","changeCallbackTriggerer","_useTableContext","useTableContext","rowDensity","_useTableEditableCell","useTableEditableCell","isInsideTableEditableCell","dropdownTriggerPlaceholder","placeholder","isAutoCompleteInHeader","isSelectInput","dropdownComponentIds","triggers","AutoComplete","getShowAllTags","React","useCallback","useControlledDropdownInput","onChange","name","defaultValue","syncInputValueWithSelection","getValue","prefix","labelPosition","label","undefined","inputValue","getTags","useMemo","_ref","size","getTagsGroup","tags","map","selectedIndex","_options$selectedInde","title","isDisabled","onDismiss","_ref2","tagIndex","current","isReactNative","_triggererRef$current","focus","Number","tableInputProps","isTableInputCell","rowDensityToIsTableInputCellMapping","id","tableEditableCellRowDensityToInputSizeMap","trailingIcon","validationStateToInputTrailingIconMap","validationState","showHintsAsTooltip","isValidationStateNone","_jsx","BaseInput","Object","assign","as","node","isDropdownTrigger","setInputWrapperRef","wrapperNode","maxTagRows","maxRows","showAllTags","textAlign","length","hideLabelText","accessibilityLabel","isLabelInsideInput","necessityIndicator","autoCompleteSuggestionType","helpText","errorText","successText","isRequired","suffix","valueSuffix","values","filter","option","index","includes","autoFocus","onClick","e","onFocus","onBlur","_ref3","leadingIcon","icon","componentName","MetaConstants","SelectInput","testID","labelId","role","hasPopup","getActionListContainerRole","isPopupExpanded","activeDescendant","popupId","onInputValueChange","onKeyDown","onTriggerKeydown","makeAnalyticsAttribute","onTrailingInteractionElementClick","_triggererRef$current2","trailingInteractionElement","InputChevronIcon","tabIndex","BaseDropdownInputTrigger","forwardRef"],"mappings":"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"}
@@ -30,6 +30,8 @@ export { CarouselItem } from './Carousel/CarouselItem.native.js';
30
30
  export { Checkbox } from './Checkbox/Checkbox.js';
31
31
  export { CheckboxGroup } from './Checkbox/CheckboxGroup/CheckboxGroup.js';
32
32
  export { ChatMessage } from './ChatMessage/ChatMessage.native.js';
33
+ export { ChartLine, ChartLineWrapper } from './Charts/LineChart/LineChart.native.js';
34
+ export { ChartCartesianGrid, ChartLegend, ChartReferenceLine, ChartTooltip, ChartXAxis, ChartYAxis } from './Charts/CommonChartComponents/CommonChartComponents.native.js';
33
35
  export { Chip } from './Chip/Chip.js';
34
36
  export { ChipGroup } from './Chip/ChipGroup.js';
35
37
  export { Collapsible } from './Collapsible/Collapsible.js';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -7,7 +7,7 @@ import { spacing } from '../global/spacing.js';
7
7
  import { motion } from '../global/motion.js';
8
8
  import { elevation } from '../global/elevation/elevation.native.js';
9
9
 
10
- var colors={onLight:{surface:{background:{gray:{subtle:colors$1.neutral.blueGrayLight[100],moderate:colors$1.neutral.blueGrayLight[50],intense:colors$1.neutral.blueGrayLight[0]},primary:{subtle:colors$1.chromatic.azure.a50,intense:colors$1.chromatic.azure[500]},sea:{subtle:colors$1.chromatic.sea[50],intense:colors$1.chromatic.sea[800]},cloud:{subtle:colors$1.chromatic.cloud[50],intense:colors$1.chromatic.cloud[800]}},border:{gray:{normal:colors$1.neutral.blueGrayLight[400],subtle:colors$1.neutral.blueGrayLight[300],muted:colors$1.neutral.blueGrayLight.a100},primary:{normal:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure.a100}},text:{gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[500]},onSea:{onSubtle:colors$1.chromatic.forest[800],onIntense:colors$1.chromatic.forest[200]},onCloud:{onSubtle:colors$1.chromatic.azure[600],onIntense:colors$1.chromatic.azure[200]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}},icon:{gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[500]},onSea:{onSubtle:colors$1.chromatic.forest[600],onIntense:colors$1.chromatic.forest[400]},onCloud:{onSubtle:colors$1.chromatic.azure[400],onIntense:colors$1.chromatic.azure[300]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}}},feedback:{background:{positive:{subtle:colors$1.chromatic.emerald.a50,intense:colors$1.chromatic.emerald[600]},negative:{subtle:colors$1.chromatic.crimson.a50,intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider.a50,intense:colors$1.chromatic.cider[600]},information:{subtle:colors$1.chromatic.sapphire.a50,intense:colors$1.chromatic.sapphire[600]},neutral:{subtle:colors$1.neutral.blueGrayLight.a50,intense:colors$1.neutral.blueGrayLight[1000]}},border:{positive:{subtle:colors$1.chromatic.emerald.a100,intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson.a100,intense:colors$1.chromatic.crimson[700]},notice:{subtle:colors$1.chromatic.cider.a100,intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire.a100,intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight.a100,intense:colors$1.neutral.blueGrayLight[1100]}},text:{positive:{subtle:colors$1.chromatic.emerald[100],intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson[100],intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider[100],intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire[100],intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight[500],intense:colors$1.neutral.blueGrayLight[1100]}},icon:{positive:{subtle:colors$1.chromatic.emerald[100],intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson[100],intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider[100],intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire[100],intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight[500],intense:colors$1.neutral.blueGrayLight[1100]}}},interactive:{background:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a50,faded:colors$1.chromatic.emerald.a50,fadedHighlighted:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a50,faded:colors$1.chromatic.crimson.a50,fadedHighlighted:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a50,faded:colors$1.chromatic.cider.a50,fadedHighlighted:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a50,faded:colors$1.chromatic.sapphire.a50,fadedHighlighted:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayLight[1000],highlighted:colors$1.neutral.blueGrayLight[1100],disabled:colors$1.neutral.blueGrayLight.a100,faded:colors$1.neutral.blueGrayLight.a100,fadedHighlighted:colors$1.neutral.blueGrayLight.a200},gray:{default:colors$1.neutral.blueGrayLight.a75,highlighted:colors$1.neutral.blueGrayLight.a100,disabled:colors$1.neutral.blueGrayLight.a100,faded:colors$1.neutral.blueGrayLight.a25,fadedHighlighted:colors$1.neutral.blueGrayLight.a75},primary:{default:colors$1.chromatic.azure[500],highlighted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a100,faded:colors$1.chromatic.azure.a50,fadedHighlighted:colors$1.chromatic.azure.a100},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[200],faded:colors$1.neutral.black[50],fadedHighlighted:colors$1.neutral.black[100]},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[50],faded:colors$1.neutral.white[50],fadedHighlighted:colors$1.neutral.white[100]}},border:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayLight[700],highlighted:colors$1.neutral.blueGrayLight[700],disabled:colors$1.neutral.blueGrayLight[300],faded:colors$1.neutral.blueGrayLight.a100},gray:{default:colors$1.neutral.blueGrayLight[300],highlighted:colors$1.neutral.blueGrayLight[300],disabled:colors$1.neutral.blueGrayLight[200],faded:colors$1.neutral.blueGrayLight.a100},primary:{default:colors$1.chromatic.azure[500],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a100,faded:colors$1.chromatic.azure.a100},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[100],faded:colors$1.neutral.white[50]},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[100],faded:colors$1.neutral.black[100]}},text:{positive:{normal:colors$1.chromatic.emerald[700],subtle:colors$1.chromatic.emerald[600],muted:colors$1.chromatic.emerald[400],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[600],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[400],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[700],subtle:colors$1.chromatic.cider[600],muted:colors$1.chromatic.cider[400],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[700],subtle:colors$1.chromatic.sapphire[600],muted:colors$1.chromatic.sapphire[400],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayLight[1100],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[600],subtle:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure[400],disabled:colors$1.chromatic.azure.a200},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}},icon:{positive:{normal:colors$1.chromatic.emerald[700],subtle:colors$1.chromatic.emerald[600],muted:colors$1.chromatic.emerald[400],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[600],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[400],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[700],subtle:colors$1.chromatic.cider[600],muted:colors$1.chromatic.cider[400],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[700],subtle:colors$1.chromatic.sapphire[600],muted:colors$1.chromatic.sapphire[400],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayLight[1100],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[600],subtle:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure[400],disabled:colors$1.chromatic.azure.a200},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}}},overlay:{background:{moderate:colors$1.neutral.blueGrayLight.a200,subtle:colors$1.neutral.black[200]}},popup:{background:{subtle:colors$1.neutral.blueGrayLight[0],intense:colors$1.neutral.blueGrayLight[1000]},border:{subtle:colors$1.neutral.blueGrayLight.a100,intense:colors$1.neutral.blueGrayLight[900]}},transparent:`hsla(0, 0%, 100%, ${opacity[0]})`},onDark:{surface:{background:{gray:{subtle:colors$1.neutral.blueGrayDark[1300],moderate:colors$1.neutral.blueGrayDark[1100],intense:colors$1.neutral.blueGrayDark[1000]},primary:{subtle:colors$1.chromatic.azure.a200,intense:colors$1.chromatic.azure[500]},sea:{subtle:colors$1.chromatic.sea[900],intense:colors$1.chromatic.sea[100]},cloud:{subtle:colors$1.chromatic.cloud[900],intense:colors$1.chromatic.cloud[100]}},border:{gray:{normal:colors$1.neutral.blueGrayDark[600],subtle:colors$1.neutral.blueGrayDark[800],muted:colors$1.neutral.blueGrayDark.a100},primary:{normal:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure.a200}},text:{gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300]},onSea:{onSubtle:colors$1.chromatic.forest[200],onIntense:colors$1.chromatic.forest[800]},onCloud:{onSubtle:colors$1.chromatic.azure[200],onIntense:colors$1.chromatic.azure[600]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}},icon:{gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300]},onSea:{onSubtle:colors$1.chromatic.forest[400],onIntense:colors$1.chromatic.forest[600]},onCloud:{onSubtle:colors$1.chromatic.azure[300],onIntense:colors$1.chromatic.azure[400]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}}},feedback:{background:{positive:{subtle:colors$1.chromatic.emerald.a100,intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson.a100,intense:colors$1.chromatic.crimson[700]},notice:{subtle:colors$1.chromatic.cider.a100,intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire.a100,intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark[900]}},border:{positive:{subtle:colors$1.chromatic.emerald.a200,intense:colors$1.chromatic.emerald[800]},negative:{subtle:colors$1.chromatic.crimson.a200,intense:colors$1.chromatic.crimson[800]},notice:{subtle:colors$1.chromatic.cider.a200,intense:colors$1.chromatic.cider[800]},information:{subtle:colors$1.chromatic.sapphire.a200,intense:colors$1.chromatic.sapphire[800]},neutral:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark[900]}},text:{positive:{subtle:colors$1.chromatic.emerald[50],intense:colors$1.chromatic.emerald[400]},negative:{subtle:colors$1.chromatic.crimson[50],intense:colors$1.chromatic.crimson[400]},notice:{subtle:colors$1.chromatic.cider[50],intense:colors$1.chromatic.cider[400]},information:{subtle:colors$1.chromatic.sapphire[50],intense:colors$1.chromatic.sapphire[400]},neutral:{subtle:colors$1.neutral.blueGrayDark[400],intense:colors$1.neutral.blueGrayDark[50]}},icon:{positive:{subtle:colors$1.chromatic.emerald[50],intense:colors$1.chromatic.emerald[400]},negative:{subtle:colors$1.chromatic.crimson[50],intense:colors$1.chromatic.crimson[400]},notice:{subtle:colors$1.chromatic.cider[50],intense:colors$1.chromatic.cider[400]},information:{subtle:colors$1.chromatic.sapphire[50],intense:colors$1.chromatic.sapphire[400]},neutral:{subtle:colors$1.neutral.blueGrayDark[700],intense:colors$1.neutral.blueGrayDark[50]}}},interactive:{background:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a150,fadedHighlighted:colors$1.chromatic.emerald.a200},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a150,fadedHighlighted:colors$1.chromatic.crimson.a200},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a150,fadedHighlighted:colors$1.chromatic.cider.a200},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a150,fadedHighlighted:colors$1.chromatic.sapphire.a200},neutral:{default:colors$1.neutral.blueGrayDark[50],highlighted:colors$1.neutral.blueGrayDark[200],disabled:colors$1.neutral.blueGrayDark.a100,faded:colors$1.neutral.blueGrayDark.a75,fadedHighlighted:colors$1.neutral.blueGrayDark.a100},gray:{default:colors$1.neutral.blueGrayDark.a75,highlighted:colors$1.neutral.blueGrayDark.a100,disabled:colors$1.neutral.blueGrayDark.a100,faded:colors$1.neutral.blueGrayDark.a25,fadedHighlighted:colors$1.neutral.blueGrayDark.a75},primary:{default:colors$1.chromatic.azure[400],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a150,faded:colors$1.chromatic.azure.a150,fadedHighlighted:colors$1.chromatic.azure.a200},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[200],faded:colors$1.neutral.black[50],fadedHighlighted:colors$1.neutral.black[100]},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[50],faded:colors$1.neutral.white[50],fadedHighlighted:colors$1.neutral.white[100]}},border:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayDark[200],highlighted:colors$1.neutral.blueGrayDark[200],disabled:colors$1.neutral.blueGrayDark[800],faded:colors$1.neutral.blueGrayDark.a100},gray:{default:colors$1.neutral.blueGrayDark[600],highlighted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark[700],faded:colors$1.neutral.blueGrayDark.a100},primary:{default:colors$1.chromatic.azure[400],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a200,faded:colors$1.chromatic.azure.a150},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[100],faded:colors$1.neutral.white[50]},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[100],faded:colors$1.neutral.black[100]}},text:{positive:{normal:colors$1.chromatic.emerald[400],subtle:colors$1.chromatic.emerald[500],muted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[400],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[400],subtle:colors$1.chromatic.cider[500],muted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[400],subtle:colors$1.chromatic.sapphire[500],muted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayDark[50],subtle:colors$1.neutral.blueGrayDark[300],muted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark.a200},gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300],subtle:colors$1.chromatic.azure[400],muted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a400},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}},icon:{positive:{normal:colors$1.chromatic.emerald[400],subtle:colors$1.chromatic.emerald[500],muted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[400],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[400],subtle:colors$1.chromatic.cider[500],muted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[400],subtle:colors$1.chromatic.sapphire[500],muted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayDark[50],subtle:colors$1.neutral.blueGrayDark[300],muted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark.a200},gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300],subtle:colors$1.chromatic.azure[400],muted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a400},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}}},overlay:{background:{moderate:colors$1.neutral.blueGrayDark.a200,subtle:colors$1.neutral.black[400]}},popup:{background:{subtle:colors$1.neutral.blueGrayDark[1000],intense:colors$1.neutral.blueGrayDark[700]},border:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark.a100}},transparent:`hsla(217, 27%, 15%, ${opacity[0]})`}};var bladeTheme={name:'bladeTheme',border:border,breakpoints:breakpoints,colors:colors,motion:motion,spacing:spacing,elevation:elevation,typography:typography};
10
+ var colors={onLight:{surface:{background:{gray:{subtle:colors$1.neutral.blueGrayLight[100],moderate:colors$1.neutral.blueGrayLight[50],intense:colors$1.neutral.blueGrayLight[0]},primary:{subtle:colors$1.chromatic.azure.a50,intense:colors$1.chromatic.azure[500]},sea:{subtle:colors$1.chromatic.sea[50],intense:colors$1.chromatic.sea[800]},cloud:{subtle:colors$1.chromatic.cloud[50],intense:colors$1.chromatic.cloud[800]}},border:{gray:{normal:colors$1.neutral.blueGrayLight[400],subtle:colors$1.neutral.blueGrayLight[300],muted:colors$1.neutral.blueGrayLight.a100},primary:{normal:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure.a100}},text:{gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[500]},onSea:{onSubtle:colors$1.chromatic.forest[800],onIntense:colors$1.chromatic.forest[200]},onCloud:{onSubtle:colors$1.chromatic.azure[600],onIntense:colors$1.chromatic.azure[200]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}},icon:{gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[500]},onSea:{onSubtle:colors$1.chromatic.forest[600],onIntense:colors$1.chromatic.forest[400]},onCloud:{onSubtle:colors$1.chromatic.azure[400],onIntense:colors$1.chromatic.azure[300]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}}},feedback:{background:{positive:{subtle:colors$1.chromatic.emerald.a50,intense:colors$1.chromatic.emerald[600]},negative:{subtle:colors$1.chromatic.crimson.a50,intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider.a50,intense:colors$1.chromatic.cider[600]},information:{subtle:colors$1.chromatic.sapphire.a50,intense:colors$1.chromatic.sapphire[600]},neutral:{subtle:colors$1.neutral.blueGrayLight.a50,intense:colors$1.neutral.blueGrayLight[1000]}},border:{positive:{subtle:colors$1.chromatic.emerald.a100,intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson.a100,intense:colors$1.chromatic.crimson[700]},notice:{subtle:colors$1.chromatic.cider.a100,intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire.a100,intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight.a100,intense:colors$1.neutral.blueGrayLight[1100]}},text:{positive:{subtle:colors$1.chromatic.emerald[100],intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson[100],intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider[100],intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire[100],intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight[500],intense:colors$1.neutral.blueGrayLight[1100]}},icon:{positive:{subtle:colors$1.chromatic.emerald[100],intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson[100],intense:colors$1.chromatic.crimson[600]},notice:{subtle:colors$1.chromatic.cider[100],intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire[100],intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayLight[500],intense:colors$1.neutral.blueGrayLight[1100]}}},interactive:{background:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a50,faded:colors$1.chromatic.emerald.a50,fadedHighlighted:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a50,faded:colors$1.chromatic.crimson.a50,fadedHighlighted:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a50,faded:colors$1.chromatic.cider.a50,fadedHighlighted:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a50,faded:colors$1.chromatic.sapphire.a50,fadedHighlighted:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayLight[1000],highlighted:colors$1.neutral.blueGrayLight[1100],disabled:colors$1.neutral.blueGrayLight.a100,faded:colors$1.neutral.blueGrayLight.a100,fadedHighlighted:colors$1.neutral.blueGrayLight.a200},gray:{default:colors$1.neutral.blueGrayLight.a75,highlighted:colors$1.neutral.blueGrayLight.a100,disabled:colors$1.neutral.blueGrayLight.a100,faded:colors$1.neutral.blueGrayLight.a25,fadedHighlighted:colors$1.neutral.blueGrayLight.a75},primary:{default:colors$1.chromatic.azure[500],highlighted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a100,faded:colors$1.chromatic.azure.a50,fadedHighlighted:colors$1.chromatic.azure.a100},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[200],faded:colors$1.neutral.black[50],fadedHighlighted:colors$1.neutral.black[100]},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[50],faded:colors$1.neutral.white[50],fadedHighlighted:colors$1.neutral.white[100]}},border:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayLight[700],highlighted:colors$1.neutral.blueGrayLight[700],disabled:colors$1.neutral.blueGrayLight[300],faded:colors$1.neutral.blueGrayLight.a100},gray:{default:colors$1.neutral.blueGrayLight[300],highlighted:colors$1.neutral.blueGrayLight[300],disabled:colors$1.neutral.blueGrayLight[200],faded:colors$1.neutral.blueGrayLight.a100},primary:{default:colors$1.chromatic.azure[500],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a100,faded:colors$1.chromatic.azure.a100},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[100],faded:colors$1.neutral.white[50]},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[100],faded:colors$1.neutral.black[100]}},text:{positive:{normal:colors$1.chromatic.emerald[700],subtle:colors$1.chromatic.emerald[600],muted:colors$1.chromatic.emerald[400],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[600],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[400],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[700],subtle:colors$1.chromatic.cider[600],muted:colors$1.chromatic.cider[400],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[700],subtle:colors$1.chromatic.sapphire[600],muted:colors$1.chromatic.sapphire[400],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayLight[1100],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[600],subtle:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure[400],disabled:colors$1.chromatic.azure.a200},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}},icon:{positive:{normal:colors$1.chromatic.emerald[700],subtle:colors$1.chromatic.emerald[600],muted:colors$1.chromatic.emerald[400],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[600],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[400],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[700],subtle:colors$1.chromatic.cider[600],muted:colors$1.chromatic.cider[400],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[700],subtle:colors$1.chromatic.sapphire[600],muted:colors$1.chromatic.sapphire[400],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayLight[1100],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},gray:{normal:colors$1.neutral.blueGrayLight[1200],subtle:colors$1.neutral.blueGrayLight[900],muted:colors$1.neutral.blueGrayLight[600],disabled:colors$1.neutral.blueGrayLight.a200},primary:{normal:colors$1.chromatic.azure[600],subtle:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure[400],disabled:colors$1.chromatic.azure.a200},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}}},overlay:{background:{moderate:colors$1.neutral.blueGrayLight.a200,subtle:colors$1.neutral.black[200]}},popup:{background:{subtle:colors$1.neutral.blueGrayLight[0],intense:colors$1.neutral.blueGrayLight[1000]},border:{subtle:colors$1.neutral.blueGrayLight.a100,intense:colors$1.neutral.blueGrayLight[900]}},chart:{background:{categorical:{azure:{faint:colors$1.chromatic.azure[50],subtle:colors$1.chromatic.azure[200],moderate:colors$1.chromatic.azure[500],intense:colors$1.chromatic.azure[600],strong:colors$1.chromatic.azure[800]},emerald:{faint:colors$1.chromatic.emerald[50],subtle:colors$1.chromatic.emerald[200],moderate:colors$1.chromatic.emerald[500],intense:colors$1.chromatic.emerald[600],strong:colors$1.chromatic.emerald[800]},crimson:{faint:colors$1.chromatic.crimson[50],subtle:colors$1.chromatic.crimson[200],moderate:colors$1.chromatic.crimson[600],intense:colors$1.chromatic.crimson[600],strong:colors$1.chromatic.crimson[800]},cider:{subtle:colors$1.chromatic.cider[50],moderate:colors$1.chromatic.cider[200],intense:colors$1.chromatic.cider[600],faint:colors$1.chromatic.cider[600],strong:colors$1.chromatic.cider[800]},sapphire:{subtle:colors$1.chromatic.sapphire[50],moderate:colors$1.chromatic.sapphire[200],intense:colors$1.chromatic.sapphire[600],faint:colors$1.chromatic.sapphire[600],strong:colors$1.chromatic.sapphire[800]},orchid:{subtle:colors$1.chromatic.orchid[50],moderate:colors$1.chromatic.orchid[200],intense:colors$1.chromatic.orchid[500],faint:colors$1.chromatic.orchid[600],strong:colors$1.chromatic.orchid[800]},magenta:{subtle:colors$1.chromatic.magenta[50],moderate:colors$1.chromatic.magenta[200],intense:colors$1.chromatic.magenta[600],faint:colors$1.chromatic.magenta[600],strong:colors$1.chromatic.magenta[800]},topaz:{subtle:colors$1.chromatic.topaz[50],moderate:colors$1.chromatic.topaz[200],intense:colors$1.chromatic.topaz[500],faint:colors$1.chromatic.topaz[600],strong:colors$1.chromatic.topaz[800]},gray:{subtle:colors$1.neutral.blueGrayDark.a50,moderate:colors$1.neutral.blueGrayDark[100],intense:colors$1.neutral.blueGrayDark[300],faint:colors$1.neutral.blueGrayDark[500],strong:colors$1.neutral.blueGrayDark[700]}},sequential:{azure:{50:colors$1.chromatic.azure[50],100:colors$1.chromatic.azure[100],200:colors$1.chromatic.azure[200],300:colors$1.chromatic.azure[300],400:colors$1.chromatic.azure[400],500:colors$1.chromatic.azure[500],600:colors$1.chromatic.azure[600],700:colors$1.chromatic.azure[700],800:colors$1.chromatic.azure[800],900:colors$1.chromatic.azure[900],1000:colors$1.chromatic.azure[1000]},emerald:{50:colors$1.chromatic.emerald[50],100:colors$1.chromatic.emerald[100],200:colors$1.chromatic.emerald[200],300:colors$1.chromatic.emerald[300],400:colors$1.chromatic.emerald[400],500:colors$1.chromatic.emerald[500],600:colors$1.chromatic.emerald[600],700:colors$1.chromatic.emerald[700],800:colors$1.chromatic.emerald[800],900:colors$1.chromatic.emerald[900],1000:colors$1.chromatic.emerald[1000]},crimson:{50:colors$1.chromatic.crimson[50],100:colors$1.chromatic.crimson[100],200:colors$1.chromatic.crimson[200],300:colors$1.chromatic.crimson[300],400:colors$1.chromatic.crimson[400],500:colors$1.chromatic.crimson[500],600:colors$1.chromatic.crimson[600],700:colors$1.chromatic.crimson[700],800:colors$1.chromatic.crimson[800],900:colors$1.chromatic.crimson[900],1000:colors$1.chromatic.crimson[1000]},cider:{50:colors$1.chromatic.cider[50],100:colors$1.chromatic.cider[100],200:colors$1.chromatic.cider[200],300:colors$1.chromatic.cider[300],400:colors$1.chromatic.cider[400],500:colors$1.chromatic.cider[500],600:colors$1.chromatic.cider[600],700:colors$1.chromatic.cider[700],800:colors$1.chromatic.cider[800],900:colors$1.chromatic.cider[900],1000:colors$1.chromatic.cider[1000]},sapphire:{50:colors$1.chromatic.sapphire[50],100:colors$1.chromatic.sapphire[100],200:colors$1.chromatic.sapphire[200],300:colors$1.chromatic.sapphire[300],400:colors$1.chromatic.sapphire[400],500:colors$1.chromatic.sapphire[500],600:colors$1.chromatic.sapphire[600],700:colors$1.chromatic.sapphire[700],800:colors$1.chromatic.sapphire[800],900:colors$1.chromatic.sapphire[900],1000:colors$1.chromatic.sapphire[1000]},orchid:{50:colors$1.chromatic.orchid[50],100:colors$1.chromatic.orchid[100],200:colors$1.chromatic.orchid[200],300:colors$1.chromatic.orchid[300],400:colors$1.chromatic.orchid[400],500:colors$1.chromatic.orchid[500],600:colors$1.chromatic.orchid[600],700:colors$1.chromatic.orchid[700],800:colors$1.chromatic.orchid[800],900:colors$1.chromatic.orchid[900],1000:colors$1.chromatic.orchid[1000]},magenta:{50:colors$1.chromatic.magenta[50],100:colors$1.chromatic.magenta[100],200:colors$1.chromatic.magenta[200],300:colors$1.chromatic.magenta[300],400:colors$1.chromatic.magenta[400],500:colors$1.chromatic.magenta[500],600:colors$1.chromatic.magenta[600],700:colors$1.chromatic.magenta[700],800:colors$1.chromatic.magenta[800],900:colors$1.chromatic.magenta[900],1000:colors$1.chromatic.magenta[1000]},topaz:{50:colors$1.chromatic.topaz[50],100:colors$1.chromatic.topaz[100],200:colors$1.chromatic.topaz[200],300:colors$1.chromatic.topaz[300],400:colors$1.chromatic.topaz[400],500:colors$1.chromatic.topaz[500],600:colors$1.chromatic.topaz[600],700:colors$1.chromatic.topaz[700],800:colors$1.chromatic.topaz[800],900:colors$1.chromatic.topaz[900],1000:colors$1.chromatic.topaz[1000]}}}},transparent:`hsla(0, 0%, 100%, ${opacity[0]})`},onDark:{surface:{background:{gray:{subtle:colors$1.neutral.blueGrayDark[1300],moderate:colors$1.neutral.blueGrayDark[1100],intense:colors$1.neutral.blueGrayDark[1000]},primary:{subtle:colors$1.chromatic.azure.a200,intense:colors$1.chromatic.azure[500]},sea:{subtle:colors$1.chromatic.sea[900],intense:colors$1.chromatic.sea[100]},cloud:{subtle:colors$1.chromatic.cloud[900],intense:colors$1.chromatic.cloud[100]}},border:{gray:{normal:colors$1.neutral.blueGrayDark[600],subtle:colors$1.neutral.blueGrayDark[800],muted:colors$1.neutral.blueGrayDark.a100},primary:{normal:colors$1.chromatic.azure[500],muted:colors$1.chromatic.azure.a200}},text:{gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300]},onSea:{onSubtle:colors$1.chromatic.forest[200],onIntense:colors$1.chromatic.forest[800]},onCloud:{onSubtle:colors$1.chromatic.azure[200],onIntense:colors$1.chromatic.azure[600]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}},icon:{gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300]},onSea:{onSubtle:colors$1.chromatic.forest[400],onIntense:colors$1.chromatic.forest[600]},onCloud:{onSubtle:colors$1.chromatic.azure[300],onIntense:colors$1.chromatic.azure[400]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[450],muted:colors$1.neutral.white[200],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[300],muted:colors$1.neutral.black[200],disabled:colors$1.neutral.black[100]}}},feedback:{background:{positive:{subtle:colors$1.chromatic.emerald.a100,intense:colors$1.chromatic.emerald[700]},negative:{subtle:colors$1.chromatic.crimson.a100,intense:colors$1.chromatic.crimson[700]},notice:{subtle:colors$1.chromatic.cider.a100,intense:colors$1.chromatic.cider[700]},information:{subtle:colors$1.chromatic.sapphire.a100,intense:colors$1.chromatic.sapphire[700]},neutral:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark[900]}},border:{positive:{subtle:colors$1.chromatic.emerald.a200,intense:colors$1.chromatic.emerald[800]},negative:{subtle:colors$1.chromatic.crimson.a200,intense:colors$1.chromatic.crimson[800]},notice:{subtle:colors$1.chromatic.cider.a200,intense:colors$1.chromatic.cider[800]},information:{subtle:colors$1.chromatic.sapphire.a200,intense:colors$1.chromatic.sapphire[800]},neutral:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark[900]}},text:{positive:{subtle:colors$1.chromatic.emerald[50],intense:colors$1.chromatic.emerald[400]},negative:{subtle:colors$1.chromatic.crimson[50],intense:colors$1.chromatic.crimson[400]},notice:{subtle:colors$1.chromatic.cider[50],intense:colors$1.chromatic.cider[400]},information:{subtle:colors$1.chromatic.sapphire[50],intense:colors$1.chromatic.sapphire[400]},neutral:{subtle:colors$1.neutral.blueGrayDark[400],intense:colors$1.neutral.blueGrayDark[50]}},icon:{positive:{subtle:colors$1.chromatic.emerald[50],intense:colors$1.chromatic.emerald[400]},negative:{subtle:colors$1.chromatic.crimson[50],intense:colors$1.chromatic.crimson[400]},notice:{subtle:colors$1.chromatic.cider[50],intense:colors$1.chromatic.cider[400]},information:{subtle:colors$1.chromatic.sapphire[50],intense:colors$1.chromatic.sapphire[400]},neutral:{subtle:colors$1.neutral.blueGrayDark[700],intense:colors$1.neutral.blueGrayDark[50]}}},interactive:{background:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a150,fadedHighlighted:colors$1.chromatic.emerald.a200},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a150,fadedHighlighted:colors$1.chromatic.crimson.a200},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a150,fadedHighlighted:colors$1.chromatic.cider.a200},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a150,fadedHighlighted:colors$1.chromatic.sapphire.a200},neutral:{default:colors$1.neutral.blueGrayDark[50],highlighted:colors$1.neutral.blueGrayDark[200],disabled:colors$1.neutral.blueGrayDark.a100,faded:colors$1.neutral.blueGrayDark.a75,fadedHighlighted:colors$1.neutral.blueGrayDark.a100},gray:{default:colors$1.neutral.blueGrayDark.a75,highlighted:colors$1.neutral.blueGrayDark.a100,disabled:colors$1.neutral.blueGrayDark.a100,faded:colors$1.neutral.blueGrayDark.a25,fadedHighlighted:colors$1.neutral.blueGrayDark.a75},primary:{default:colors$1.chromatic.azure[400],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a150,faded:colors$1.chromatic.azure.a150,fadedHighlighted:colors$1.chromatic.azure.a200},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[200],faded:colors$1.neutral.black[50],fadedHighlighted:colors$1.neutral.black[100]},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[50],faded:colors$1.neutral.white[50],fadedHighlighted:colors$1.neutral.white[100]}},border:{positive:{default:colors$1.chromatic.emerald[600],highlighted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a100,faded:colors$1.chromatic.emerald.a100},negative:{default:colors$1.chromatic.crimson[600],highlighted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a100,faded:colors$1.chromatic.crimson.a100},notice:{default:colors$1.chromatic.cider[600],highlighted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a100,faded:colors$1.chromatic.cider.a100},information:{default:colors$1.chromatic.sapphire[600],highlighted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a100,faded:colors$1.chromatic.sapphire.a100},neutral:{default:colors$1.neutral.blueGrayDark[200],highlighted:colors$1.neutral.blueGrayDark[200],disabled:colors$1.neutral.blueGrayDark[800],faded:colors$1.neutral.blueGrayDark.a100},gray:{default:colors$1.neutral.blueGrayDark[600],highlighted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark[700],faded:colors$1.neutral.blueGrayDark.a100},primary:{default:colors$1.chromatic.azure[400],highlighted:colors$1.chromatic.azure[500],disabled:colors$1.chromatic.azure.a200,faded:colors$1.chromatic.azure.a150},staticWhite:{default:colors$1.neutral.white[500],highlighted:colors$1.neutral.white[400],disabled:colors$1.neutral.white[100],faded:colors$1.neutral.white[50]},staticBlack:{default:colors$1.neutral.black[500],highlighted:colors$1.neutral.black[500],disabled:colors$1.neutral.black[100],faded:colors$1.neutral.black[100]}},text:{positive:{normal:colors$1.chromatic.emerald[400],subtle:colors$1.chromatic.emerald[500],muted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[400],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[400],subtle:colors$1.chromatic.cider[500],muted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[400],subtle:colors$1.chromatic.sapphire[500],muted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayDark[50],subtle:colors$1.neutral.blueGrayDark[300],muted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark.a200},gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300],subtle:colors$1.chromatic.azure[400],muted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a400},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}},icon:{positive:{normal:colors$1.chromatic.emerald[400],subtle:colors$1.chromatic.emerald[500],muted:colors$1.chromatic.emerald[700],disabled:colors$1.chromatic.emerald.a200},negative:{normal:colors$1.chromatic.crimson[400],subtle:colors$1.chromatic.crimson[500],muted:colors$1.chromatic.crimson[700],disabled:colors$1.chromatic.crimson.a200},notice:{normal:colors$1.chromatic.cider[400],subtle:colors$1.chromatic.cider[500],muted:colors$1.chromatic.cider[700],disabled:colors$1.chromatic.cider.a200},information:{normal:colors$1.chromatic.sapphire[400],subtle:colors$1.chromatic.sapphire[500],muted:colors$1.chromatic.sapphire[700],disabled:colors$1.chromatic.sapphire.a200},neutral:{normal:colors$1.neutral.blueGrayDark[50],subtle:colors$1.neutral.blueGrayDark[300],muted:colors$1.neutral.blueGrayDark[600],disabled:colors$1.neutral.blueGrayDark.a200},gray:{normal:colors$1.neutral.blueGrayDark[0],subtle:colors$1.neutral.blueGrayDark[50],muted:colors$1.neutral.blueGrayDark[300],disabled:colors$1.neutral.blueGrayDark.a200},primary:{normal:colors$1.chromatic.azure[300],subtle:colors$1.chromatic.azure[400],muted:colors$1.chromatic.azure[600],disabled:colors$1.chromatic.azure.a400},onPrimary:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticWhite:{normal:colors$1.neutral.white[500],subtle:colors$1.neutral.white[400],muted:colors$1.neutral.white[300],disabled:colors$1.neutral.white[100]},staticBlack:{normal:colors$1.neutral.black[500],subtle:colors$1.neutral.black[400],muted:colors$1.neutral.black[300],disabled:colors$1.neutral.black[100]}}},overlay:{background:{moderate:colors$1.neutral.blueGrayDark.a200,subtle:colors$1.neutral.black[400]}},popup:{background:{subtle:colors$1.neutral.blueGrayDark[1000],intense:colors$1.neutral.blueGrayDark[700]},border:{subtle:colors$1.neutral.blueGrayDark.a100,intense:colors$1.neutral.blueGrayDark.a100}},chart:{background:{categorical:{azure:{faint:colors$1.chromatic.azure[900],subtle:colors$1.chromatic.azure[700],moderate:colors$1.chromatic.azure[500],intense:colors$1.chromatic.azure[300],strong:colors$1.chromatic.azure[200]},emerald:{faint:colors$1.chromatic.emerald[1000],subtle:colors$1.chromatic.emerald[800],moderate:colors$1.chromatic.emerald[700],intense:colors$1.chromatic.emerald[300],strong:colors$1.chromatic.emerald[200]},crimson:{faint:colors$1.chromatic.crimson[1000],subtle:colors$1.chromatic.crimson[800],moderate:colors$1.chromatic.crimson[700],intense:colors$1.chromatic.crimson[300],strong:colors$1.chromatic.crimson[200]},cider:{faint:colors$1.chromatic.cider[1000],subtle:colors$1.chromatic.cider[800],moderate:colors$1.chromatic.cider[600],intense:colors$1.chromatic.cider[300],strong:colors$1.chromatic.cider[200]},sapphire:{faint:colors$1.chromatic.sapphire[1000],subtle:colors$1.chromatic.sapphire[800],moderate:colors$1.chromatic.sapphire[600],intense:colors$1.chromatic.sapphire[300],strong:colors$1.chromatic.sapphire[200]},orchid:{faint:colors$1.chromatic.orchid[1000],subtle:colors$1.chromatic.orchid[800],moderate:colors$1.chromatic.orchid[600],intense:colors$1.chromatic.orchid[300],strong:colors$1.chromatic.orchid[200]},magenta:{faint:colors$1.chromatic.magenta[1000],subtle:colors$1.chromatic.magenta[800],moderate:colors$1.chromatic.magenta[700],intense:colors$1.chromatic.magenta[300],strong:colors$1.chromatic.magenta[200]},topaz:{faint:colors$1.chromatic.topaz[1000],subtle:colors$1.chromatic.topaz[800],moderate:colors$1.chromatic.topaz[600],intense:colors$1.chromatic.topaz[300],strong:colors$1.chromatic.topaz[200]},gray:{faint:colors$1.neutral.blueGrayDark[1300],subtle:colors$1.neutral.blueGrayDark[1100],moderate:colors$1.neutral.blueGrayDark[900],intense:colors$1.neutral.blueGrayDark[700],strong:colors$1.neutral.blueGrayDark[500]}},sequential:{azure:{50:colors$1.chromatic.azure[1000],100:colors$1.chromatic.azure[900],200:colors$1.chromatic.azure[800],300:colors$1.chromatic.azure[700],400:colors$1.chromatic.azure[600],500:colors$1.chromatic.azure[500],600:colors$1.chromatic.azure[400],700:colors$1.chromatic.azure[300],800:colors$1.chromatic.azure[200],900:colors$1.chromatic.azure[100],1000:colors$1.chromatic.azure[50]},emerald:{50:colors$1.chromatic.emerald[1000],100:colors$1.chromatic.emerald[900],200:colors$1.chromatic.emerald[800],300:colors$1.chromatic.emerald[700],400:colors$1.chromatic.emerald[600],500:colors$1.chromatic.emerald[500],600:colors$1.chromatic.emerald[400],700:colors$1.chromatic.emerald[300],800:colors$1.chromatic.emerald[200],900:colors$1.chromatic.emerald[100],1000:colors$1.chromatic.emerald[50]},crimson:{50:colors$1.chromatic.crimson[1000],100:colors$1.chromatic.crimson[900],200:colors$1.chromatic.crimson[800],300:colors$1.chromatic.crimson[700],400:colors$1.chromatic.crimson[600],500:colors$1.chromatic.crimson[500],600:colors$1.chromatic.crimson[400],700:colors$1.chromatic.crimson[300],800:colors$1.chromatic.crimson[200],900:colors$1.chromatic.crimson[100],1000:colors$1.chromatic.crimson[50]},cider:{50:colors$1.chromatic.cider[1000],100:colors$1.chromatic.cider[900],200:colors$1.chromatic.cider[800],300:colors$1.chromatic.cider[700],400:colors$1.chromatic.cider[600],500:colors$1.chromatic.cider[500],600:colors$1.chromatic.cider[400],700:colors$1.chromatic.cider[300],800:colors$1.chromatic.cider[200],900:colors$1.chromatic.cider[100],1000:colors$1.chromatic.cider[50]},sapphire:{50:colors$1.chromatic.sapphire[1000],100:colors$1.chromatic.sapphire[900],200:colors$1.chromatic.sapphire[800],300:colors$1.chromatic.sapphire[700],400:colors$1.chromatic.sapphire[600],500:colors$1.chromatic.sapphire[500],600:colors$1.chromatic.sapphire[400],700:colors$1.chromatic.sapphire[300],800:colors$1.chromatic.sapphire[200],900:colors$1.chromatic.sapphire[100],1000:colors$1.chromatic.sapphire[50]},orchid:{50:colors$1.chromatic.orchid[1000],100:colors$1.chromatic.orchid[900],200:colors$1.chromatic.orchid[800],300:colors$1.chromatic.orchid[700],400:colors$1.chromatic.orchid[600],500:colors$1.chromatic.orchid[500],600:colors$1.chromatic.orchid[400],700:colors$1.chromatic.orchid[300],800:colors$1.chromatic.orchid[200],900:colors$1.chromatic.orchid[100],1000:colors$1.chromatic.orchid[50]},magenta:{50:colors$1.chromatic.magenta[1000],100:colors$1.chromatic.magenta[900],200:colors$1.chromatic.magenta[800],300:colors$1.chromatic.magenta[700],400:colors$1.chromatic.magenta[600],500:colors$1.chromatic.magenta[500],600:colors$1.chromatic.magenta[400],700:colors$1.chromatic.magenta[300],800:colors$1.chromatic.magenta[200],900:colors$1.chromatic.magenta[100],1000:colors$1.chromatic.magenta[50]},topaz:{50:colors$1.chromatic.topaz[1000],100:colors$1.chromatic.topaz[900],200:colors$1.chromatic.topaz[800],300:colors$1.chromatic.topaz[700],400:colors$1.chromatic.topaz[600],500:colors$1.chromatic.topaz[500],600:colors$1.chromatic.topaz[400],700:colors$1.chromatic.topaz[300],800:colors$1.chromatic.topaz[200],900:colors$1.chromatic.topaz[100],1000:colors$1.chromatic.topaz[50]}}}},transparent:`hsla(217, 27%, 15%, ${opacity[0]})`}};var bladeTheme={name:'bladeTheme',border:border,breakpoints:breakpoints,colors:colors,motion:motion,spacing:spacing,elevation:elevation,typography:typography};
11
11
 
12
12
  export { bladeTheme as default };
13
13
  //# sourceMappingURL=bladeTheme.js.map