@nethesis/phone-island 1.0.0-dev.10 → 1.0.0-dev.11

package/dist/styles/CustomRange.styles.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("../node_modules/tslib/tslib.es6.js"),r=require("react"),e=require("../node_modules/styled-components/dist/styled-components.browser.esm.js");function t(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o=t(r),i=e.default.input.attrs({type:"range"})(a||(a=n.__makeTemplateObject(["\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n"],["\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n"]))),c=o.default.forwardRef((function(r,e){return o.default.createElement(i,n.__assign(n.__assign({},r),{ref:e}))}));exports.StyledCustomRange=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n,r=require("../node_modules/tslib/tslib.es6.js"),e=require("../node_modules/styled-components/dist/styled-components.browser.esm.js").default.input.attrs({type:"range"})(n||(n=r.__makeTemplateObject(["\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n"],["\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n"])));exports.StyledCustomRange=e;
 //# sourceMappingURL=CustomRange.styles.js.map

package/dist/styles/CustomRange.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomRange.styles.js","sources":["../../src/styles/CustomRange.styles.ts"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3\n\nimport React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCustomRangeInput = styled.input.attrs({ type: 'range' })`\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n`\n\ntype StyledCustomRangeProps = React.ComponentPropsWithoutRef<'input'>\n\nexport const StyledCustomRange = React.forwardRef<HTMLInputElement, StyledCustomRangeProps>(\n  function StyledCustomRange(props, ref) {\n    return React.createElement(StyledCustomRangeInput, { ...props, ref })\n  },\n)\n"],"names":["StyledCustomRangeInput","styled","input","attrs","type","templateObject_1","__makeTemplateObject","StyledCustomRange","React","forwardRef","props","ref","createElement","__assign"],"mappings":"qTAMMA,EAAyBC,EAAM,QAACC,MAAMC,MAAM,CAAEC,KAAM,SAA3BH,CAAqCI,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,w9EAAA,CAAA,29EAmGvDC,EAAoBC,EAAK,QAACC,YACrC,SAA2BC,EAAOC,GAChC,OAAOH,UAAMI,cAAcZ,EAA6Ba,EAAAA,SAAAA,EAAAA,SAAA,GAAAH,GAAO,CAAAC,IAAGA,IACpE"}
+{"version":3,"file":"CustomRange.styles.js","sources":["../../src/styles/CustomRange.styles.ts"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3\n\nimport styled from 'styled-components'\n\nexport const StyledCustomRange = styled.input.attrs({ type: 'range' })`\n  font-size: 1.5rem;\n  width: 100%;\n  --thumb-height: 0.75rem;\n  --track-height: 0.125rem;\n  --track-color: #6b7280;\n  --clip-edges: 0.125rem;\n\n  position: relative;\n  background: #fff0;\n  overflow: hidden;\n  appearance: none;\n  margin: 0;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &:disabled {\n    filter: grayscale(1);\n    opacity: 0.3;\n    cursor: not-allowed;\n  }\n\n  /* === WebKit specific styles === */\n\n  &::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    height: var(--thumb-height);\n    --thumb-radius: calc((var(--thumb-height) * 0.5) - 0.0625rem);\n    --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.0313rem);\n    --clip-bottom: calc(var(--thumb-height) - var(--clip-top));\n    --clip-further: calc(100% + 0.0625rem);\n    --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0 100vmax currentColor;\n\n    width: var(--thumb-width, var(--thumb-height));\n    background: linear-gradient(currentColor 0 0) scroll no-repeat left center / 50%\n      calc(var(--track-height) + 0.0625rem);\n    background-color: currentColor;\n    box-shadow: var(--box-fill);\n    border-radius: var(--thumb-width, var(--thumb-height));\n\n    clip-path: polygon(\n      100% -0.0625rem,\n      var(--clip-edges) -0.0625rem,\n      0 var(--clip-top),\n      -100vmax var(--clip-top),\n      -100vmax var(--clip-bottom),\n      0 var(--clip-bottom),\n      var(--clip-edges) 100%,\n      var(--clip-further) var(--clip-further)\n    );\n  }\n\n  &::-webkit-slider-runnable-track {\n    background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center / 100%\n      calc(var(--track-height) + 0.0625rem);\n  }\n\n  &:disabled::-webkit-slider-thumb {\n    cursor: not-allowed;\n  }\n\n  /* === Firefox specific styles === */\n  -moz-appearance: none;\n  transition: all ease 100ms;\n  height: var(--thumb-height);\n\n  &::-moz-range-thumb {\n    background: currentColor;\n    border: 0;\n    width: var(--thumb-width, var(--thumb-height));\n    border-radius: var(--thumb-width, var(--thumb-height));\n  }\n\n  &::-moz-range-track {\n    width: 100%;\n    background: var(--track-color);\n  }\n\n  &::-moz-range-progress {\n    appearance: none;\n    background: currentColor;\n    transition-delay: 30ms;\n  }\n\n  &::-moz-range-track,\n  &::-moz-range-progress {\n    height: calc(var(--track-height) + 0.0625rem);\n    border-radius: var(--track-height);\n  }\n\n  &:disabled::-moz-range-thumb {\n    cursor: not-allowed;\n  }\n`\n"],"names":["StyledCustomRange","input","attrs","type","styled","templateObject_1","__makeTemplateObject"],"mappings":"0HAKaA,qFAA0B,QAACC,MAAMC,MAAM,CAAEC,KAAM,SAA3BC,CAAqCC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,w9EAAA,CAAA"}

package/dist/styles/Island.styles.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),t=require("../node_modules/styled-components/dist/styled-components.browser.esm.js");t.default.div(n||(n=e.__makeTemplateObject(["\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n"],["\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n"]))),t.default.div(i||(i=e.__makeTemplateObject(["\n  ",";\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"],["\n  ",";\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"])),(function(e){e.isOpen;return"large"===e.size?"font-size: 1.125rem":"font-size: 1rem"})),t.default.div(r||(r=e.__makeTemplateObject(["\n  ",";\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"],["\n  ",";\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"])),(function(e){return e.isOpen?"font-size:1.25rem":"font-size:1.2rem"}));var n,i,r,s,a=t.default.div(s||(s=e.__makeTemplateObject(["\n  font-size: 1.125rem;\n  font-weight: 500;\n"],["\n  font-size: 1.125rem;\n  font-weight: 500;\n"])));exports.StyledName=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../node_modules/tslib/tslib.es6.js"),t=require("../node_modules/styled-components/dist/styled-components.browser.esm.js");t.default.div(n||(n=e.__makeTemplateObject(["\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n"],["\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n"])));var n,i,r,s,a=t.default.div(i||(i=e.__makeTemplateObject(["\n  ",";\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"],["\n  ",";\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"])),(function(e){e.isOpen;return"large"===e.size?"font-size: 1.125rem":"font-size: 1rem"})),o=t.default.div(r||(r=e.__makeTemplateObject(["\n  ",";\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"],["\n  ",";\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n"])),(function(e){return e.isOpen?"font-size:1.25rem":"font-size:1.2rem"})),l=t.default.div(s||(s=e.__makeTemplateObject(["\n  font-size: 1.125rem;\n  font-weight: 500;\n"],["\n  font-size: 1.125rem;\n  font-weight: 500;\n"])));exports.StyledName=l,exports.StyledNumber=o,exports.StyledTimer=a;
 //# sourceMappingURL=Island.styles.js.map

package/dist/styles/Island.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Island.styles.js","sources":["../../src/styles/Island.styles.ts"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport styled, { css } from 'styled-components'\n\nexport const StyledDetails = styled.div<StyledDetailsProps>`\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n`\n\nexport const StyledTimer = styled.div<StyledTimerProps>`\n  ${({ isOpen, size }) =>\n    size === 'large' ? (isOpen ? 'font-size: 1.125rem' : 'font-size: 1.125rem') : 'font-size: 1rem'};\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n`\n\nexport const StyledNumber = styled.div<StyledNumberProps>`\n  ${({ isOpen }) => (isOpen ? 'font-size:1.25rem' : 'font-size:1.2rem')};\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n`\n\nexport const StyledName = styled.div`\n  font-size: 1.125rem;\n  font-weight: 500;\n`\n\ninterface StyledDetailsProps {\n  numberExists?: boolean\n}\n\ninterface StyledTimerProps {\n  isOpen: boolean\n  size: 'small' | 'large'\n}\n\ninterface StyledNumberProps {\n  isOpen: boolean\n}\n"],"names":["styled","div","templateObject_1","__makeTemplateObject","templateObject_2","_a","isOpen","size","templateObject_3","StyledName","templateObject_4"],"mappings":"6MAK6BA,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,4IAAA,CAAoB,+IAQhCH,EAAM,QAACC,IAAGG,IAAAA,EAAAD,EAAAA,qBAAA,CAAA,OAAA,oFAAA,CAAkB,OAE4C,uFAD/F,SAACE,GAAQA,EAAAC,OACT,MAAS,UADMD,EAAAE,KACc,sBAAiD,iBAA9E,IAMwBP,EAAM,QAACC,IAAGO,IAAAA,EAAAL,EAAAA,qBAAA,CAAA,OAAA,sGAAA,CAAmB,OACc,yGAAnE,SAACE,GAAe,OAAPA,EAAAC,OAAiB,oBAAsB,kBAAhC,IAOP,YAAAG,EAAaT,EAAM,QAACC,IAAGS,IAAAA,EAAAP,uBAAA,CAAA,mDAAA,CAAA"}
+{"version":3,"file":"Island.styles.js","sources":["../../src/styles/Island.styles.ts"],"sourcesContent":["// Copyright (C) 2024 Nethesis S.r.l.\n// SPDX-License-Identifier: AGPL-3.0-or-later\n\nimport styled, { css } from 'styled-components'\n\nexport const StyledDetails = styled.div<StyledDetailsProps>`\n  display: grid;\n  align-self: center;\n  grid-gap: 0.25rem;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(2, 24px);\n`\n\nexport const StyledTimer = styled.div<StyledTimerProps>`\n  ${({ isOpen, size }) =>\n    size === 'large' ? (isOpen ? 'font-size: 1.125rem' : 'font-size: 1.125rem') : 'font-size: 1rem'};\n  height: fit-content;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n`\n\nexport const StyledNumber = styled.div<StyledNumberProps>`\n  ${({ isOpen }) => (isOpen ? 'font-size:1.25rem' : 'font-size:1.2rem')};\n  max-height: 24px;\n  font-weight: 300;\n  letter-spacing: 0.5px;\n  max-width: fit-content;\n`\n\nexport const StyledName = styled.div`\n  font-size: 1.125rem;\n  font-weight: 500;\n`\n\ninterface StyledDetailsProps {\n  numberExists?: boolean\n}\n\ninterface StyledTimerProps {\n  isOpen: boolean\n  size: 'small' | 'large'\n}\n\ninterface StyledNumberProps {\n  isOpen: boolean\n}\n"],"names":["styled","div","templateObject_1","__makeTemplateObject","StyledTimer","templateObject_2","_a","isOpen","size","StyledNumber","templateObject_3","StyledName","templateObject_4"],"mappings":"6MAK6BA,EAAAA,QAAOC,IAAGC,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,4IAAA,CAAoB,+IAQpD,YAAMC,EAAcJ,EAAM,QAACC,IAAGI,IAAAA,EAAAF,EAAAA,qBAAA,CAAA,OAAA,oFAAA,CAAkB,OAE4C,uFAD/F,SAACG,GAAQA,EAAAC,OACT,MAAS,UADMD,EAAAE,KACc,sBAAiD,iBAA9E,IAMSC,EAAeT,EAAM,QAACC,IAAGS,IAAAA,EAAAP,EAAAA,qBAAA,CAAA,OAAA,sGAAA,CAAmB,OACc,yGAAnE,SAACG,GAAe,OAAPA,EAAAC,OAAiB,oBAAsB,kBAAhC,IAOPI,EAAaX,EAAM,QAACC,IAAGW,IAAAA,EAAAT,uBAAA,CAAA,mDAAA,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nethesis/phone-island",
   "author": "Nethesis",
-  "version": "1.0.0-dev.10",
+  "version": "1.0.0-dev.11",
   "description": "NethVoice CTI Phone Island",
   "keywords": [
     "nethserver",
@@ -115,13 +115,13 @@
     "@storybook/addon-essentials": "7.6.24",
     "@storybook/addon-interactions": "7.6.24",
     "@storybook/addon-links": "7.6.24",
-    "@storybook/node-logger": "7.6.23",
-    "@storybook/preset-create-react-app": "7.6.21",
-    "@storybook/react": "7.6.20",
+    "@storybook/node-logger": "7.6.24",
+    "@storybook/preset-create-react-app": "7.6.24",
+    "@storybook/react": "7.6.24",
     "@storybook/react-webpack5": "^7.6.20",
     "@storybook/testing-library": "^0.0.13",
     "@testing-library/react": "^13.4.0",
-    "@types/audioworklet": "^0.0.95",
+    "@types/audioworklet": "^0.0.97",
     "@types/jest": "^29.2.2",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",