3160.dd3cfed5.iframe.bundle.js

"use strict";(self.webpackChunk_haaretz_a_htz_sg=self.webpackChunk_haaretz_a_htz_sg||[]).push([[3160],{"../../ds-atoms/s-checkbox/src/Checkbox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ZP:()=>__WEBPACK_DEFAULT_EXPORT__});var _home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js"),_haaretz_s_icon__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../ds-atoms/s-icon/src/index.ts"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/index.js"),style9__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../../node_modules/.pnpm/style9@0.18.2_rollup@2.79.1_webpack@5.88.2/node_modules/style9/index.mjs");const _excluded=["children","inlineStyle","inputRef","styleExtend","state"],_excluded2=["id","children","styleExtend"],_excluded3=["checked","indeterminate","labelledBy","onChange","state"],_excluded4=["checked","labelledBy","state","onChange"],_excluded5=["inlineStyle","checked","children","styleExtend","labelStyleExtend","state","appearance","errorText"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const c={wrapper:{alignItems:"UXrF",columnGap:"haEjPJ",cursor:"jsvbrX",display:"gSBWlu",position:"cjScYX",":hover":{"--bgc":"fzoiaU"},":focus-within":{"--bgc":"bbwlVK","--outline-wdth":"dUxYfZ","--outline-offst":"jHGNYW"}},input:{pointerEvents:"eDssNQ",touchAction:"eAoQVk",height:"edsxqC",opacity:"UXrzu",position:"bEvNbr",width:"lksDzB"},iconWrapper:{aspectRatio:"eUirwo",animationDirection:"cDbPWT",animationDuration:"kutyqb",animationTimingFunction:"jHFOea",backgroundColor:"hYzRbx",borderTopLeftRadius:"gQJVfF",borderTopRightRadius:"bnguzQ",borderBottomRightRadius:"fBfCSu",borderBottomLeftRadius:"bzskLL",flexGrow:"bcjLCN",flexShrink:"hriXhD",outlineColor:"gTHOLO",outlineOffset:"gNTabI",outlineStyle:"gcyyum",outlineWidth:"bJaMpz",overflowX:"dUvWpK",overflowY:"hRLVFh",position:"cjScYX",transform:"bomRby",transitionDuration:"gfbbeE",transitionProperty:"brlMGR",transitionTimingFunction:"iaemGh",width:"bTRldR",borderBottomColor:"HruPG",borderBottomStyle:"hpBjJb",borderBottomWidth:"ctibpX",paddingBottom:"eejUxl",borderInlineEndColor:"kLbdKx",borderInlineEndStyle:"hszzXi",borderInlineEndWidth:"bTnXNj",paddingInlineEnd:"cfEHVR",borderInlineStartColor:"kQqHuw",borderInlineStartStyle:"itlHSH",borderInlineStartWidth:"hXXzlB",paddingInlineStart:"kQDwxQ",borderTopColor:"iSDUms",borderTopStyle:"FwRrA",borderTopWidth:"izykGz",paddingTop:"bdXHYu","@media all and (min-width:80em)":{width:"dFXptg",transform:"kNxdej"},"::after":{content:"fqXcHQ",position:"dyMCpl",borderTopLeftRadius:"egXUdk",borderTopRightRadius:"jEBaki",borderBottomRightRadius:"hhujTk",borderBottomLeftRadius:"gIrsMR",height:"icgjhN",width:"eQIpIg",top:"dcXKhu",left:"eAtoVx",animationDuration:"bqTaPC",animationDirection:"cgkoDA",animationTimingFunction:"cfqwSZ"}},iconWrapperShow:{animationName:"fsoalw","::after":{backgroundColor:"evCPOd",content:"fqXcHQ",transform:"fXEFWd",animationName:"gSLJoa"}},iconWrapperHide:{animationName:"faINfC","::after":{backgroundColor:"feRPlP",transform:"dBEGOL",animationName:"fFJoFJ"}},iconWrapperChecked:{backgroundColor:"fIcjCT"},icon:{animationDirection:"cDbPWT",animationDuration:"kutyqb",animationTimingFunction:"jHFOea",borderTopLeftRadius:"gQJVfF",borderTopRightRadius:"bnguzQ",borderBottomRightRadius:"fBfCSu",borderBottomLeftRadius:"bzskLL",color:"kAWnRk",left:"gpkvrq",pointerEvents:"eDssNQ",position:"bEvNbr",top:"gWNFme",transform:"pgDyb",visibility:"dWytAe",zIndex:"ljRbsE",fontSize:"gVscJz",lineHeight:"kvNqZl","@media all and (min-width:102em)":{fontSize:"boPXgS",lineHeight:"bnVOLt"}},iconChecked:{visibility:"esoNju"},iconShow:{animationName:"enOfS"},iconHide:{animationName:"gVSSVO"},disabled:{cursor:"kFEjTq",opacity:"iItPPl"},label:{color:"kCxIXX",fontSize:"gVscJz",lineHeight:"kvNqZl","@media all and (min-width:102em)":{fontSize:"hyhpVP",lineHeight:"kRmCJO"}},toggle:{"--width":"bOxbDD",height:"jbsTrU",backgroundColor:"ckMgaR",borderTopLeftRadius:"jWjrEQ",borderTopRightRadius:"eKtERL",borderBottomRightRadius:"BRobm",borderBottomLeftRadius:"iovjFN",outlineColor:"gTHOLO",outlineOffset:"gNTabI",outlineStyle:"gcyyum",outlineWidth:"bJaMpz",position:"cjScYX",transform:"bomRby",transitionDuration:"fzcltM",transitionProperty:"brlMGR",transitionTimingFunction:"iaemGh",width:"claTSo","@media all and (min-width:80em)":{"--width":"jsjgQH",transform:"kNxdej"},"::after":{aspectRatio:"YxqGG",content:"fqXcHQ",backgroundColor:"evCPOd",position:"dyMCpl",borderTopLeftRadius:"iZcnBH",borderTopRightRadius:"glXHhV",borderBottomRightRadius:"kQHMoA",borderBottomLeftRadius:"goPOai",height:"fiybOz",transform:"hMKtoM",top:"dXSlMo",transitionProperty:"Za_dny",transitionDuration:"enlUTT",transitionTimingFunction:"fkNSWz"}},toggleChecked:{backgroundColor:"fIcjCT","::after":{transform:"eHQyf",backgroundColor:"ePIri"}},error:{color:"flyuuT",fontSize:"gVscJz",lineHeight:"kvNqZl","@media all and (min-width:102em)":{fontSize:"hyhpVP",lineHeight:"kRmCJO"}}},CheckboxWrapper=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function CheckboxWrapper(_ref,ref){let{children,inlineStyle,inputRef,styleExtend=[],state="enabled"}=_ref,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);const isDisabled="disabled"===state;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("label",_objectSpread(_objectSpread({},attrs),{},{className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.wrapper,isDisabled&&c.disabled,...styleExtend),style:inlineStyle,ref,"data-testid":"checkbox-label",children}))})),CheckboxText=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function CheckboxText(_ref2,ref){let{id,children,styleExtend=[]}=_ref2,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",_objectSpread(_objectSpread({},attrs),{},{className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.label,...styleExtend),id,ref,children}))})),FauxCheckbox=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function FauxCheckbox(_ref3,ref){let{checked,indeterminate,labelledBy,onChange:onChangeProp,state="enabled"}=_ref3,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref3,_excluded3);const wasChecked=react__WEBPACK_IMPORTED_MODULE_2__.useRef(checked),_inputRef=react__WEBPACK_IMPORTED_MODULE_2__.useRef(null),inputRef=null!=ref?ref:_inputRef,[isIndeterminate,setIsIndeterminate]=react__WEBPACK_IMPORTED_MODULE_2__.useState(indeterminate),{attrsOverride,isChecked,isDisabled,onChange}=useCheckbox(checked,labelledBy,onChangeProp,state,setIsIndeterminate),checkedChanged=wasChecked.current!==isChecked;return wasChecked.current=isChecked,react__WEBPACK_IMPORTED_MODULE_2__.useEffect((()=>{"current"in inputRef&&inputRef.current&&(inputRef.current.indeterminate=!!indeterminate),setIsIndeterminate(indeterminate)}),[indeterminate,inputRef]),react__WEBPACK_IMPORTED_MODULE_2__.useEffect((()=>{"current"in inputRef&&inputRef.current&&null!=isIndeterminate&&(inputRef.current.indeterminate=isIndeterminate)}),[isIndeterminate,isChecked,inputRef]),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",_objectSpread(_objectSpread(_objectSpread({},attrs),attrsOverride),{},{className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.input),checked:isChecked,disabled:isDisabled,onChange,ref:inputRef})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{"aria-hidden":"true",className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.iconWrapper,(isChecked||isIndeterminate)&&c.iconWrapperChecked,checkedChanged&&(isChecked||isIndeterminate)&&c.iconWrapperShow,checkedChanged&&!(isChecked||isIndeterminate)&&c.iconWrapperHide),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_haaretz_s_icon__WEBPACK_IMPORTED_MODULE_5__.Z,{icon:isIndeterminate?"minus":"check",styleExtend:[c.icon,(isChecked||isIndeterminate)&&c.iconChecked,checkedChanged&&(isChecked||isIndeterminate)&&c.iconShow,checkedChanged&&!(isChecked||isIndeterminate)&&c.iconHide]})})]})})),Toggle=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function Toggle(_ref4,ref){let{checked,labelledBy,state="enabled",onChange:onChangeProp}=_ref4,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref4,_excluded4);const{attrsOverride,isChecked,isDisabled,onChange}=useCheckbox(checked,labelledBy,onChangeProp,state);return attrs.indeterminate&&delete attrs.indeterminate,(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("input",_objectSpread(_objectSpread(_objectSpread({},attrs),attrsOverride),{},{className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.input),checked:isChecked,disabled:isDisabled,onChange,ref})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{"aria-hidden":"true",className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.toggle,isChecked&&c.toggleChecked)})]})})),Checkbox=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function Checkbox(_ref5,ref){let{inlineStyle,checked=!1,children,styleExtend=[],labelStyleExtend,state="enabled",appearance,errorText}=_ref5,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref5,_excluded5);const checkboxId=react__WEBPACK_IMPORTED_MODULE_2__.useId(),labelId=react__WEBPACK_IMPORTED_MODULE_2__.useId(),inputRef=react__WEBPACK_IMPORTED_MODULE_2__.useRef(null),[validationState,setValidationState]=react__WEBPACK_IMPORTED_MODULE_2__.useState("default");return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(CheckboxWrapper,{style:inlineStyle,styleExtend,inputRef:ref||inputRef,state,children:["toggle"===appearance?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Toggle,_objectSpread(_objectSpread({},attrs),{},{checked,id:checkboxId,labelledBy:labelId,state,ref:ref||inputRef})):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(FauxCheckbox,_objectSpread(_objectSpread({},attrs),{},{onChange:event=>{errorText&&"default"!==validationState&&setValidationState("default"),"function"==typeof attrs.onChange&&attrs.onChange(event)},onInvalid:event=>{errorText&&setValidationState("invalid"),"function"==typeof attrs.onInvalid&&attrs.onInvalid(event)},checked,id:checkboxId,labelledBy:labelId,state,ref:ref||inputRef})),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)(CheckboxText,{styleExtend:labelStyleExtend,id:labelId,children:[children,errorText&&"invalid"===validationState?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div",{className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c.error),children:errorText}):null]})]})}));Checkbox.__docgenInfo={description:"",methods:[],displayName:"Checkbox",props:{checked:{defaultValue:{value:"false",computed:!1},required:!1},styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1},state:{defaultValue:{value:"'enabled'",computed:!1},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=Checkbox;function useCheckbox(checked,labelledBy,onChangeProp,state,setIsIndeterminate){const[isChecked,setIsChecked]=react__WEBPACK_IMPORTED_MODULE_2__.useState(checked),isDisabled="disabled"===state,attrsOverride=function getAttrsOverride(_ref6){let{labelledBy}=_ref6;const attrsOverride={type:"checkbox"};return labelledBy&&(attrsOverride["aria-labelledby"]=labelledBy),attrsOverride}({labelledBy});return react__WEBPACK_IMPORTED_MODULE_2__.useEffect((()=>{setIsChecked(checked)}),[checked]),{attrsOverride,isChecked,isDisabled,onChange:function onChange(evt){evt.target.checked=!isChecked,setIsChecked(evt.target.checked),setIsIndeterminate&&setIsIndeterminate(!1),onChangeProp&&onChangeProp(evt)}}}CheckboxWrapper.__docgenInfo={description:"",methods:[],displayName:"CheckboxWrapper",props:{styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1},state:{defaultValue:{value:"'enabled'",computed:!1},required:!1}}},CheckboxText.__docgenInfo={description:"",methods:[],displayName:"CheckboxText",props:{styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1}}},FauxCheckbox.__docgenInfo={description:"",methods:[],displayName:"FauxCheckbox",props:{state:{defaultValue:{value:"'enabled'",computed:!1},required:!1}}},Toggle.__docgenInfo={description:"",methods:[],displayName:"Toggle",props:{state:{defaultValue:{value:"'enabled'",computed:!1},required:!1}}};try{CheckboxWrapper.displayName="CheckboxWrapper",CheckboxWrapper.__docgenInfo={description:"",displayName:"CheckboxWrapper",props:{inputRef:{defaultValue:null,description:"A refference to the `input` element that is rendered inside the wrapper.",name:"inputRef",required:!0,type:{name:"ForwardedRef<HTMLInputElement>"}},inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyCheckbox(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <Checkbox\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<Checkbox styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},labelStyleExtend:{defaultValue:null,description:"Same as styledExtend, but for the label of the checkbox.",name:"labelStyleExtend",required:!1,type:{name:"StyleExtend | undefined"}},state:{defaultValue:{value:"enabled"},description:"The functional state of the component.\n@defaultValue 'enabled'",name:"state",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"disabled"'},{value:'"enabled"'}]}},errorText:{defaultValue:null,description:"",name:"errorText",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-checkbox/src/Checkbox.tsx#CheckboxWrapper"]={docgenInfo:CheckboxWrapper.__docgenInfo,name:"CheckboxWrapper",path:"../../ds-atoms/s-checkbox/src/Checkbox.tsx#CheckboxWrapper"})}catch(__react_docgen_typescript_loader_error){}try{CheckboxText.displayName="CheckboxText",CheckboxText.__docgenInfo={description:"",displayName:"CheckboxText",props:{id:{defaultValue:null,description:"",name:"id",required:!0,type:{name:"string"}},styleExtend:{defaultValue:{value:"[]"},description:"",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-checkbox/src/Checkbox.tsx#CheckboxText"]={docgenInfo:CheckboxText.__docgenInfo,name:"CheckboxText",path:"../../ds-atoms/s-checkbox/src/Checkbox.tsx#CheckboxText"})}catch(__react_docgen_typescript_loader_error){}try{FauxCheckbox.displayName="FauxCheckbox",FauxCheckbox.__docgenInfo={description:"",displayName:"FauxCheckbox",props:{inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyCheckbox(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <Checkbox\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<Checkbox styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},labelStyleExtend:{defaultValue:null,description:"Same as styledExtend, but for the label of the checkbox.",name:"labelStyleExtend",required:!1,type:{name:"StyleExtend | undefined"}},state:{defaultValue:{value:"enabled"},description:"The functional state of the component.\n@defaultValue 'enabled'",name:"state",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"disabled"'},{value:'"enabled"'}]}},errorText:{defaultValue:null,description:"",name:"errorText",required:!1,type:{name:"string | undefined"}},labelledBy:{defaultValue:null,description:"An ID of the element describing the checkbox or toggle",name:"labelledBy",required:!1,type:{name:"string | undefined"}},indeterminate:{defaultValue:null,description:"Set the checkbox to an indeterminate state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-checkbox/src/Checkbox.tsx#FauxCheckbox"]={docgenInfo:FauxCheckbox.__docgenInfo,name:"FauxCheckbox",path:"../../ds-atoms/s-checkbox/src/Checkbox.tsx#FauxCheckbox"})}catch(__react_docgen_typescript_loader_error){}try{Toggle.displayName="Toggle",Toggle.__docgenInfo={description:"",displayName:"Toggle",props:{inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyCheckbox(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <Checkbox\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<Checkbox styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},labelStyleExtend:{defaultValue:null,description:"Same as styledExtend, but for the label of the checkbox.",name:"labelStyleExtend",required:!1,type:{name:"StyleExtend | undefined"}},state:{defaultValue:{value:"enabled"},description:"The functional state of the component.\n@defaultValue 'enabled'",name:"state",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"disabled"'},{value:'"enabled"'}]}},errorText:{defaultValue:null,description:"",name:"errorText",required:!1,type:{name:"string | undefined"}},labelledBy:{defaultValue:null,description:"An ID of the element describing the checkbox or toggle",name:"labelledBy",required:!1,type:{name:"string | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-checkbox/src/Checkbox.tsx#Toggle"]={docgenInfo:Toggle.__docgenInfo,name:"Toggle",path:"../../ds-atoms/s-checkbox/src/Checkbox.tsx#Toggle"})}catch(__react_docgen_typescript_loader_error){}try{Checkbox.displayName="Checkbox",Checkbox.__docgenInfo={description:"",displayName:"Checkbox",props:{inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyCheckbox(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <Checkbox\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<Checkbox styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},labelStyleExtend:{defaultValue:null,description:"Same as styledExtend, but for the label of the checkbox.",name:"labelStyleExtend",required:!1,type:{name:"StyleExtend | undefined"}},state:{defaultValue:{value:"enabled"},description:"The functional state of the component.\n@defaultValue 'enabled'",name:"state",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"disabled"'},{value:'"enabled"'}]}},errorText:{defaultValue:null,description:"",name:"errorText",required:!1,type:{name:"string | undefined"}},checked:{defaultValue:{value:"false"},description:"Set the `checked` state of the checkbox or toggle.\n@defaultValue false",name:"checked",required:!1,type:{name:"boolean | undefined"}},appearance:{defaultValue:null,description:"",name:"appearance",required:!1,type:{name:"enum",value:[{value:"undefined"},{value:'"checkbox"'},{value:'"toggle"'}]}},indeterminate:{defaultValue:null,description:"Set the checkbox to an indeterminate state.",name:"indeterminate",required:!1,type:{name:"boolean | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-checkbox/src/Checkbox.tsx#Checkbox"]={docgenInfo:Checkbox.__docgenInfo,name:"Checkbox",path:"../../ds-atoms/s-checkbox/src/Checkbox.tsx#Checkbox"})}catch(__react_docgen_typescript_loader_error){}},"../../ds-atoms/s-checkbox/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{ZP:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-checkbox/src/Checkbox.tsx").ZP},"../../ds-atoms/s-htz-link/src/HtzLink.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js"),next_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/link.js"),next_link__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(next_link__WEBPACK_IMPORTED_MODULE_2__),react__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/index.js"),console=__webpack_require__("../../../node_modules/.pnpm/console-browserify@1.2.0/node_modules/console-browserify/index.js");const _excluded=["children","href","hrefAs","locale","prefetch","replace","scroll","shallow"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const HtzLink=react__WEBPACK_IMPORTED_MODULE_3__.forwardRef((function HtzLinkComponent(_ref,forwardedRef){let{children=null,href,hrefAs,locale,prefetch,replace,scroll,shallow}=_ref,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);if("string"!=typeof href&&!href.href)return console.warn('The "href" prop you passed <HtzLink /> is a "URL" object without an "href" field:',href,"\nOpting out of rendering the element"),console.trace(),null;if(function isNextLink(href){return"string"!=typeof href||!href.startsWith("http")}(href))return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(next_link__WEBPACK_IMPORTED_MODULE_2___default(),_objectSpread(_objectSpread({as:hrefAs,href,locale,prefetch,ref:forwardedRef,replace,scroll,shallow,legacyBehavior:!1},attrs),{},{children}));const url="string"==typeof href?href:href.href||void 0;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("a",_objectSpread(_objectSpread({href:url,ref:forwardedRef},attrs),{},{children}))}));HtzLink.__docgenInfo={description:"",methods:[],displayName:"HtzLink",props:{children:{defaultValue:{value:"null",computed:!1},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=HtzLink;try{HtzLink.displayName="HtzLink",HtzLink.__docgenInfo={description:"",displayName:"HtzLink",props:{href:{defaultValue:null,description:"The path or URL to navigate to. It can also be an object.\n@example https://nextjs.org/docs/api-reference/next/link#with-url-object",name:"href",required:!0,type:{name:"Url"}},replace:{defaultValue:null,description:"Replace the current `history` state instead of adding a new url into the stack.\n@defaultValue `false`",name:"replace",required:!1,type:{name:"boolean | undefined"}},scroll:{defaultValue:null,description:"Whether to override the default scroll behavior\n@example https://nextjs.org/docs/api-reference/next/link#disable-scrolling-to-the-top-of-the-page\n@defaultValue `true`",name:"scroll",required:!1,type:{name:"boolean | undefined"}},shallow:{defaultValue:null,description:"Update the path of the current page without rerunning [`getStaticProps`](/docs/basic-features/data-fetching/get-static-props.md), [`getServerSideProps`](/docs/basic-features/data-fetching/get-server-side-props.md) or [`getInitialProps`](/docs/api-reference/data-fetching/get-initial-props.md).\n@defaultValue `false`",name:"shallow",required:!1,type:{name:"boolean | undefined"}},prefetch:{defaultValue:null,description:"Prefetch the page in the background.\nAny `<Link />` that is in the viewport (initially or through scroll) will be preloaded.\nPrefetch can be disabled by passing `prefetch={false}`. When `prefetch` is set to `false`, prefetching will still occur on hover. Pages using [Static Generation](/docs/basic-features/data-fetching/get-static-props.md) will preload `JSON` files with the data for faster page transitions. Prefetching is only enabled in production.\n@defaultValue `true`",name:"prefetch",required:!1,type:{name:"boolean | undefined"}},locale:{defaultValue:null,description:"The active locale is automatically prepended. `locale` allows for providing a different locale.\nWhen `false` `href` has to include the locale as the default behavior is disabled.",name:"locale",required:!1,type:{name:"string | false | undefined"}},onMouseEnter:{defaultValue:null,description:"Optional event handler for when the mouse pointer is moved onto Link",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement> | undefined"}},onTouchStart:{defaultValue:null,description:"Optional event handler for when Link is touched.",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLAnchorElement> | undefined"}},onClick:{defaultValue:null,description:"Optional event handler for when Link is clicked.",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement> | undefined"}},hrefAs:{defaultValue:null,description:"When different than `href`, the path that will be rendered in the browser\nURL bar. Used for dynamic routes. Otherwise used to decorate how `href` is\ndisplayed in the browser's URL bar.",name:"hrefAs",required:!1,type:{name:"Url | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-htz-link/src/HtzLink.tsx#HtzLink"]={docgenInfo:HtzLink.__docgenInfo,name:"HtzLink",path:"../../ds-atoms/s-htz-link/src/HtzLink.tsx#HtzLink"})}catch(__react_docgen_typescript_loader_error){}},"../../ds-atoms/s-htz-link/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-htz-link/src/HtzLink.tsx").Z},"../../ds-atoms/s-text-link/src/TextLink.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{R:()=>TextLinkButton,Z:()=>__WEBPACK_DEFAULT_EXPORT__});var _home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/defineProperty.js"),_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../../../node_modules/.pnpm/@babel+runtime@7.22.10/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js"),_haaretz_s_htz_link__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../../ds-atoms/s-htz-link/src/index.ts"),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/index.js"),style9__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../../node_modules/.pnpm/style9@0.18.2_rollup@2.79.1_webpack@5.88.2/node_modules/style9/index.mjs");const _excluded=["children","inlineStyle","styleExtend"],_excluded2=["children","inlineStyle","styleExtend"];function ownKeys(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?ownKeys(Object(t),!0).forEach((function(r){(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_defineProperty_js__WEBPACK_IMPORTED_MODULE_0__.Z)(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}const c_base={outlineWidth:"eGCNgh",textDecorationLine:"dLUwcr",textDecorationColor:"dDxYlR",textDecorationThickness:"bFIFQP",textUnderlineOffset:"cEqDEh",transitionProperty:"iRietU",transitionDuration:"gAhwfJ",transitionTimingFunction:"iaemGh",":hover":{color:"klOnSG"},":focus":{color:"bsfUtT"}},c_button={backgroundColor:"KqcXP"},TextLink=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function TextLink(_ref,ref){let{children=null,inlineStyle,styleExtend=[]}=_ref,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref,_excluded);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_haaretz_s_htz_link__WEBPACK_IMPORTED_MODULE_5__.Z,_objectSpread(_objectSpread({className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c_base,...styleExtend),style:inlineStyle,ref},attrs),{},{children}))}));TextLink.__docgenInfo={description:"",methods:[],displayName:"TextLink",props:{children:{defaultValue:{value:"null",computed:!1},required:!1},styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1}}};const __WEBPACK_DEFAULT_EXPORT__=TextLink,TextLinkButton=react__WEBPACK_IMPORTED_MODULE_2__.forwardRef((function TextLinkButton(_ref2,ref){let{children=null,inlineStyle,styleExtend=[]}=_ref2,attrs=(0,_home_runner_work_fe_fe_node_modules_pnpm_babel_runtime_7_22_10_node_modules_babel_runtime_helpers_esm_objectWithoutProperties_js__WEBPACK_IMPORTED_MODULE_4__.Z)(_ref2,_excluded2);return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button",_objectSpread(_objectSpread({className:(0,style9__WEBPACK_IMPORTED_MODULE_3__.Z)(c_base,c_button,...styleExtend),style:inlineStyle,ref},attrs),{},{children}))}));TextLinkButton.__docgenInfo={description:"",methods:[],displayName:"TextLinkButton",props:{children:{defaultValue:{value:"null",computed:!1},required:!1},styleExtend:{defaultValue:{value:"[]",computed:!1},required:!1}}};try{TextLink.displayName="TextLink",TextLink.__docgenInfo={description:"",displayName:"TextLink",props:{inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyTextLink(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <TextLink\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<TextLink styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}},href:{defaultValue:null,description:"The path or URL to navigate to. It can also be an object.\n@example https://nextjs.org/docs/api-reference/next/link#with-url-object",name:"href",required:!0,type:{name:"Url"}},replace:{defaultValue:null,description:"Replace the current `history` state instead of adding a new url into the stack.\n@defaultValue `false`",name:"replace",required:!1,type:{name:"boolean | undefined"}},scroll:{defaultValue:null,description:"Whether to override the default scroll behavior\n@example https://nextjs.org/docs/api-reference/next/link#disable-scrolling-to-the-top-of-the-page\n@defaultValue `true`",name:"scroll",required:!1,type:{name:"boolean | undefined"}},shallow:{defaultValue:null,description:"Update the path of the current page without rerunning [`getStaticProps`](/docs/basic-features/data-fetching/get-static-props.md), [`getServerSideProps`](/docs/basic-features/data-fetching/get-server-side-props.md) or [`getInitialProps`](/docs/api-reference/data-fetching/get-initial-props.md).\n@defaultValue `false`",name:"shallow",required:!1,type:{name:"boolean | undefined"}},prefetch:{defaultValue:null,description:"Prefetch the page in the background.\nAny `<Link />` that is in the viewport (initially or through scroll) will be preloaded.\nPrefetch can be disabled by passing `prefetch={false}`. When `prefetch` is set to `false`, prefetching will still occur on hover. Pages using [Static Generation](/docs/basic-features/data-fetching/get-static-props.md) will preload `JSON` files with the data for faster page transitions. Prefetching is only enabled in production.\n@defaultValue `true`",name:"prefetch",required:!1,type:{name:"boolean | undefined"}},locale:{defaultValue:null,description:"The active locale is automatically prepended. `locale` allows for providing a different locale.\nWhen `false` `href` has to include the locale as the default behavior is disabled.",name:"locale",required:!1,type:{name:"string | false | undefined"}},onMouseEnter:{defaultValue:null,description:"Optional event handler for when the mouse pointer is moved onto Link",name:"onMouseEnter",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement> | undefined"}},onTouchStart:{defaultValue:null,description:"Optional event handler for when Link is touched.",name:"onTouchStart",required:!1,type:{name:"TouchEventHandler<HTMLAnchorElement> | undefined"}},onClick:{defaultValue:null,description:"Optional event handler for when Link is clicked.",name:"onClick",required:!1,type:{name:"MouseEventHandler<HTMLAnchorElement> | undefined"}},hrefAs:{defaultValue:null,description:"When different than `href`, the path that will be rendered in the browser\nURL bar. Used for dynamic routes. Otherwise used to decorate how `href` is\ndisplayed in the browser's URL bar.",name:"hrefAs",required:!1,type:{name:"Url | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-text-link/src/TextLink.tsx#TextLink"]={docgenInfo:TextLink.__docgenInfo,name:"TextLink",path:"../../ds-atoms/s-text-link/src/TextLink.tsx#TextLink"})}catch(__react_docgen_typescript_loader_error){}try{TextLinkButton.displayName="TextLinkButton",TextLinkButton.__docgenInfo={description:"",displayName:"TextLinkButton",props:{inlineStyle:{defaultValue:null,description:"CSS declarations to be set as inline `style` on the\nhtml element.\n\nBy setting values of CSS Custom Properties based on\nprops or state in the consuming component (where\nthe value of `inlineStyle` is passed), `inlineStyle`\ncan be used as an API contract for setting dynamic\nvalues to styles created with `style9.create()`:\n@example ```ts\nimport s9 from 'style9';\nconst { styleExtend, } = s9.create({\n  styleExtend: {\n    color: 'var(--color-based-on-prop)',\n  },\n});\n\nfunction MyTextLink(props) {\n  const inlineStyle = {\n    '--color-based-on-prop': props.color,\n  },\n\n  return (\n   <TextLink\n     styleExtend={[ styleExtend, ]}\n     inlineStyle={inlineStyle}\n   />\n  );\n}\n```",name:"inlineStyle",required:!1,type:{name:"InlineStyles | undefined"}},styleExtend:{defaultValue:{value:"[]"},description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<TextLink styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../ds-atoms/s-text-link/src/TextLink.tsx#TextLinkButton"]={docgenInfo:TextLinkButton.__docgenInfo,name:"TextLinkButton",path:"../../ds-atoms/s-text-link/src/TextLink.tsx#TextLinkButton"})}catch(__react_docgen_typescript_loader_error){}},"../../ds-atoms/s-text-link/src/index.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>__WEBPACK_DEFAULT_EXPORT__});const __WEBPACK_DEFAULT_EXPORT__=__webpack_require__("../../ds-atoms/s-text-link/src/TextLink.tsx").Z},"../../pp-pages/s-pp-login-page/src/components/TermsCheckBox/TermsCheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>TermsCheckBox});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../../node_modules/.pnpm/next@13.5.4_@babel+core@7.22.10_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/react/jsx-runtime.js"),_haaretz_s_checkbox__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../ds-atoms/s-checkbox/src/index.ts"),_haaretz_s_text_link__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../ds-atoms/s-text-link/src/index.ts");function TermsCheckBox(_ref){let{styleExtend}=_ref;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_haaretz_s_checkbox__WEBPACK_IMPORTED_MODULE_1__.ZP,{required:!0,name:"terms",styleExtend,"data-testid":"terms-checkbox",errorText:"יש לאשר את תנאי השימוש",children:["אני מאשר/ת את"," ",(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_haaretz_s_text_link__WEBPACK_IMPORTED_MODULE_2__.Z,{href:"https://www.haaretz.co.il/misc/terms-of-use",onClick:stopPropagation,target:"_blank",rel:"noreferrer",children:"תנאי השימוש"}),", וכן קבלת המלצות קריאה, הצעות לרכישת מינוי ודיוור מאתרי הארץ - TheMarker"]})}function stopPropagation(event){event.stopPropagation()}try{TermsCheckBox.displayName="TermsCheckBox",TermsCheckBox.__docgenInfo={description:"",displayName:"TermsCheckBox",props:{styleExtend:{defaultValue:null,description:"An array of `Style`s created by `style9.create()`.\nWARNING: **_do not_** pass simple CSS-in-JS object.\nThe items in the array must be created with Style9's\n`create` function.\nThe array can also hold falsy values to assist with\nconditional inclusion of `Style`s:\n@example ```ts\nconst { foo, bar, } = s9.create({ foo: { ... }, bar: { ... }, });\n<TermsCheckBox styleExtend={[ someCondition && foo, bar, ]} />\n```",name:"styleExtend",required:!1,type:{name:"StyleExtend | undefined"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../../pp-pages/s-pp-login-page/src/components/TermsCheckBox/TermsCheckBox.tsx#TermsCheckBox"]={docgenInfo:TermsCheckBox.__docgenInfo,name:"TermsCheckBox",path:"../../pp-pages/s-pp-login-page/src/components/TermsCheckBox/TermsCheckBox.tsx#TermsCheckBox"})}catch(__react_docgen_typescript_loader_error){}}}]);