@salutejs/plasma-new-hope 0.343.1-canary.2382.20340419800.0 → 0.343.1-canary.2382.20450527564.0

package/dist/css/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimePickerGrid.tokens.js","sources":["../../../../../src/components/TimePickerGrid/TimePickerGrid.tokens.ts"],"sourcesContent":["export const classes = {\n    timePickerGridRoot: '--plasma-time-picker-grid-grid-root',\n    timePickerGridStretched: '--plasma-time-picker-grid-grid-stretched',\n    timeItemActive: '--plasma-time-picker-grid-item-active',\n    timeColumn: '--plasma-time-picker-grid-column',\n    scrollbarVisible: '--plasma-time-picker-grid-scrollbar-visible',\n    timeColumnActive: '--plasma-time-picker-grid-column-active',\n    itemDisabled: '--plasma-time-picker-grid-item-disabled',\n};\n\nexport const tokens = {\n    timePickerGridBackground: '--plasma-time-picker-grid-grid-background',\n    timePickerGridBorderRadius: '--plasma-time-picker-grid-grid-border-radius',\n    timePickerGridWidth: '--plasma-time-picker-grid-grid-width',\n    timePickerGridPadding: '--plasma-time-picker-grid-grid-padding',\n\n    disabledOpacity: '--plasma-time-picker-grid-disabled-opacity',\n\n    columnHeight: '--plasma-time-picker-grid-column-height',\n\n    itemHeight: '--plasma-time-picker-grid-item-height',\n    itemBorderRadius: '--plasma-time-picker-grid-item-border-radius',\n    itemPadding: '--plasma-time-picker-grid-item-padding',\n    itemBackgroundHover: '--plasma-time-picker-grid-item-hover-background',\n    itemBackgroundActive: '--plasma-time-picker-grid-item-active-background',\n\n    itemFontFamily: '--plasma-time-picker-grid-item-font-family',\n    itemFontStyle: '--plasma-time-picker-grid-item-font-style',\n    itemFontSize: '--plasma-time-picker-grid-item-font-size',\n    itemFontWeight: '--plasma-time-picker-grid-item-font-weight',\n    itemLetterSpacing: '--plasma-time-picker-grid-item-letter-spacing',\n    itemLineHeight: '--plasma-time-picker-grid-item-line-height',\n\n    scrollbarWidth: '--plasma-time-picker-grid-scrollbar-width',\n    scrollbarColor: '--plasma-time-picker-grid-scrollbar-color',\n    scrollbarTrackColor: '--plasma-time-picker-grid-scrollbar-track-color',\n    scrollbarMargin: '--plasma-time-picker-grid-scrollbar-margin',\n};\n"],"names":["classes","timePickerGridRoot","timePickerGridStretched","timeItemActive","timeColumn","scrollbarVisible","timeColumnActive","itemDisabled","tokens","timePickerGridBackground","timePickerGridBorderRadius","timePickerGridWidth","timePickerGridPadding","disabledOpacity","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemBackgroundHover","itemBackgroundActive","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,UAAU,EAAE,kCAAkC;AAC9CC,EAAAA,gBAAgB,EAAE,6CAA6C;AAC/DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,YAAY,EAAE,yCAAA;AAClB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,qBAAqB,EAAE,wCAAwC;AAE/DC,EAAAA,eAAe,EAAE,4CAA4C;AAE7DC,EAAAA,YAAY,EAAE,yCAAyC;AAEvDC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,gBAAgB,EAAE,8CAA8C;AAChEC,EAAAA,WAAW,EAAE,wCAAwC;AACrDC,EAAAA,mBAAmB,EAAE,iDAAiD;AACtEC,EAAAA,oBAAoB,EAAE,kDAAkD;AAExEC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,aAAa,EAAE,2CAA2C;AAC1DC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,iBAAiB,EAAE,+CAA+C;AAClEC,EAAAA,cAAc,EAAE,4CAA4C;AAE5DC,EAAAA,cAAc,EAAE,2CAA2C;AAC3DC,EAAAA,cAAc,EAAE,2CAA2C;AAC3DC,EAAAA,mBAAmB,EAAE,iDAAiD;AACtEC,EAAAA,eAAe,EAAE,4CAAA;AACrB;;;;;"}
+{"version":3,"file":"TimePickerGrid.tokens.js","sources":["../../../../../src/components/TimePickerGrid/TimePickerGrid.tokens.ts"],"sourcesContent":["export const classes = {\n    timePickerGridRoot: '--plasma-time-picker-grid-grid-root',\n    timePickerGridStretched: '--plasma-time-picker-grid-grid-stretched',\n    timeItemActive: '--plasma-time-picker-grid-item-active',\n    timeColumn: '--plasma-time-picker-grid-column',\n    scrollbarVisible: '--plasma-time-picker-grid-scrollbar-visible',\n    timeColumnActive: '--plasma-time-picker-grid-column-active',\n    itemDisabled: '--plasma-time-picker-grid-item-disabled',\n};\n\nexport const tokens = {\n    timePickerGridBackground: '--plasma-time-picker-grid-grid-background',\n    timePickerGridBorderRadius: '--plasma-time-picker-grid-grid-border-radius',\n    timePickerGridWidth: '--plasma-time-picker-grid-grid-width',\n    timePickerGridPadding: '--plasma-time-picker-grid-grid-padding',\n\n    disabledOpacity: '--plasma-time-picker-grid-disabled-opacity',\n\n    columnHeight: '--plasma-time-picker-grid-column-height',\n\n    itemHeight: '--plasma-time-picker-grid-item-height',\n    itemBorderRadius: '--plasma-time-picker-grid-item-border-radius',\n    itemPadding: '--plasma-time-picker-grid-item-padding',\n    itemBackgroundHover: '--plasma-time-picker-grid-item-hover-background',\n    itemBackgroundActive: '--plasma-time-picker-grid-item-active-background',\n    itemFocusColor: '--plasma-time-picker-grid-item-focus-color',\n\n    itemFontFamily: '--plasma-time-picker-grid-item-font-family',\n    itemFontStyle: '--plasma-time-picker-grid-item-font-style',\n    itemFontSize: '--plasma-time-picker-grid-item-font-size',\n    itemFontWeight: '--plasma-time-picker-grid-item-font-weight',\n    itemLetterSpacing: '--plasma-time-picker-grid-item-letter-spacing',\n    itemLineHeight: '--plasma-time-picker-grid-item-line-height',\n\n    scrollbarWidth: '--plasma-time-picker-grid-scrollbar-width',\n    scrollbarColor: '--plasma-time-picker-grid-scrollbar-color',\n    scrollbarTrackColor: '--plasma-time-picker-grid-scrollbar-track-color',\n    scrollbarMargin: '--plasma-time-picker-grid-scrollbar-margin',\n};\n"],"names":["classes","timePickerGridRoot","timePickerGridStretched","timeItemActive","timeColumn","scrollbarVisible","timeColumnActive","itemDisabled","tokens","timePickerGridBackground","timePickerGridBorderRadius","timePickerGridWidth","timePickerGridPadding","disabledOpacity","columnHeight","itemHeight","itemBorderRadius","itemPadding","itemBackgroundHover","itemBackgroundActive","itemFocusColor","itemFontFamily","itemFontStyle","itemFontSize","itemFontWeight","itemLetterSpacing","itemLineHeight","scrollbarWidth","scrollbarColor","scrollbarTrackColor","scrollbarMargin"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,kBAAkB,EAAE,qCAAqC;AACzDC,EAAAA,uBAAuB,EAAE,0CAA0C;AACnEC,EAAAA,cAAc,EAAE,uCAAuC;AACvDC,EAAAA,UAAU,EAAE,kCAAkC;AAC9CC,EAAAA,gBAAgB,EAAE,6CAA6C;AAC/DC,EAAAA,gBAAgB,EAAE,yCAAyC;AAC3DC,EAAAA,YAAY,EAAE,yCAAA;AAClB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,wBAAwB,EAAE,2CAA2C;AACrEC,EAAAA,0BAA0B,EAAE,8CAA8C;AAC1EC,EAAAA,mBAAmB,EAAE,sCAAsC;AAC3DC,EAAAA,qBAAqB,EAAE,wCAAwC;AAE/DC,EAAAA,eAAe,EAAE,4CAA4C;AAE7DC,EAAAA,YAAY,EAAE,yCAAyC;AAEvDC,EAAAA,UAAU,EAAE,uCAAuC;AACnDC,EAAAA,gBAAgB,EAAE,8CAA8C;AAChEC,EAAAA,WAAW,EAAE,wCAAwC;AACrDC,EAAAA,mBAAmB,EAAE,iDAAiD;AACtEC,EAAAA,oBAAoB,EAAE,kDAAkD;AACxEC,EAAAA,cAAc,EAAE,4CAA4C;AAE5DC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,aAAa,EAAE,2CAA2C;AAC1DC,EAAAA,YAAY,EAAE,0CAA0C;AACxDC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,iBAAiB,EAAE,+CAA+C;AAClEC,EAAAA,cAAc,EAAE,4CAA4C;AAE5DC,EAAAA,cAAc,EAAE,2CAA2C;AAC3DC,EAAAA,cAAc,EAAE,2CAA2C;AAC3DC,EAAAA,mBAAmB,EAAE,iDAAiD;AACtEC,EAAAA,eAAe,EAAE,4CAAA;AACrB;;;;;"}

package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.css

@@ -1,7 +1,7 @@
-.TimeColumn_styles_1nwjzgi_s1gom5ty__3e50ba9a{position:relative;width:100%;}
-.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a{height:var(--plasma-time-picker-grid-item-height);padding:var(--plasma-time-picker-grid-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-grid-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-grid-item-font-family);font-size:var(--plasma-time-picker-grid-item-font-size);font-style:var(--plasma-time-picker-grid-item-font-style);font-weight:var(--plasma-time-picker-grid-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);line-height:var(--plasma-time-picker-grid-item-line-height);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a:hover{background:var(--plasma-time-picker-grid-item-hover-background);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridItemActive__3e50ba9a{background:var(--plasma-time-picker-grid-item-active-background);}.TimeColumn_styles_1nwjzgi_s1qroyi1__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridItemDisabled__3e50ba9a{cursor:not-allowed;opacity:var(--plasma-time-picker-grid-disabled-opacity);}
-.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a{max-height:var(--s1jwci1h-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-grid-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridColumnActive__3e50ba9a{border:0.125rem solid var(--plasma-time-picker-grid-item-hover-background);border-radius:var(--plasma-time-picker-grid-item-border-radius);}.TimeColumn_styles_1nwjzgi_s1jwci1h__3e50ba9a::-webkit-scrollbar{display:none;width:0;}
-.TimeColumn_styles_1nwjzgi_csx57j8__3e50ba9a{position:absolute;top:var(--plasma-time-picker-grid-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-grid-scrollbar-margin);width:var(--plasma-time-picker-grid-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_1nwjzgi_csx57j8__3e50ba9a.TimeColumn_styles_1nwjzgi__PlasmaTimePickerGridScrollbarVisible__3e50ba9a{opacity:1;pointer-events:auto;}
-.TimeColumn_styles_1nwjzgi_s1dh0qqv__3e50ba9a{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-grid-scrollbar-track-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);}
-.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-grid-scrollbar-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a:hover{background:var(--plasma-time-picker-grid-scrollbar-color);}.TimeColumn_styles_1nwjzgi_s1h9xdi8__3e50ba9a:active{background:var(--plasma-time-picker-grid-scrollbar-track-color);}
-.TimeColumn_styles_1nwjzgi_s1dt15pt__3e50ba9a{width:100%;height:0%.125rem;}
+.TimeColumn_styles_pwqkan_s1gom5ty__03d41c8e{position:relative;width:100%;}
+.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e{height:var(--plasma-time-picker-grid-item-height);padding:var(--plasma-time-picker-grid-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-grid-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:none;font-family:var(--plasma-time-picker-grid-item-font-family);font-size:var(--plasma-time-picker-grid-item-font-size);font-style:var(--plasma-time-picker-grid-item-font-style);font-weight:var(--plasma-time-picker-grid-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);line-height:var(--plasma-time-picker-grid-item-line-height);position:relative;}.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e:hover{background:var(--plasma-time-picker-grid-item-hover-background);}.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e.TimeColumn_styles_pwqkan__PlasmaTimePickerGridItemActive__03d41c8e{background:var(--plasma-time-picker-grid-item-active-background);}.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e.TimeColumn_styles_pwqkan__PlasmaTimePickerGridItemDisabled__03d41c8e{cursor:not-allowed;opacity:var(--plasma-time-picker-grid-disabled-opacity);}.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-time-picker-grid-item-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e.TimeColumn_styles_pwqkan_focusVisible__03d41c8e:focus::before,.TimeColumn_styles_pwqkan_s1qroyi1__03d41c8e[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-time-picker-grid-item-focus-color);}
+.TimeColumn_styles_pwqkan_s1jwci1h__03d41c8e{max-height:var(--s1jwci1h-0);overflow-y:scroll;overflow-x:visible;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-grid-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.TimeColumn_styles_pwqkan_s1jwci1h__03d41c8e.TimeColumn_styles_pwqkan__PlasmaTimePickerGridColumnActive__03d41c8e{border:0.125rem solid var(--plasma-time-picker-grid-item-hover-background);border-radius:var(--plasma-time-picker-grid-item-border-radius);}.TimeColumn_styles_pwqkan_s1jwci1h__03d41c8e::-webkit-scrollbar{display:none;width:0;}
+.TimeColumn_styles_pwqkan_csx57j8__03d41c8e{position:absolute;top:var(--plasma-time-picker-grid-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-grid-scrollbar-margin);width:var(--plasma-time-picker-grid-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.TimeColumn_styles_pwqkan_csx57j8__03d41c8e.TimeColumn_styles_pwqkan__PlasmaTimePickerGridScrollbarVisible__03d41c8e{opacity:1;pointer-events:auto;}
+.TimeColumn_styles_pwqkan_s1dh0qqv__03d41c8e{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-grid-scrollbar-track-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);}
+.TimeColumn_styles_pwqkan_s1h9xdi8__03d41c8e{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-grid-scrollbar-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.TimeColumn_styles_pwqkan_s1h9xdi8__03d41c8e:hover{background:var(--plasma-time-picker-grid-scrollbar-color);}.TimeColumn_styles_pwqkan_s1h9xdi8__03d41c8e:active{background:var(--plasma-time-picker-grid-scrollbar-track-color);}
+.TimeColumn_styles_pwqkan_s1dt15pt__03d41c8e{width:100%;height:0%.125rem;}

package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js

@@ -1,4 +1,4 @@
-require('./TimeColumn.styles_1nwjzgi.css');
+require('./TimeColumn.styles_pwqkan.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -16,7 +16,7 @@ var StyledTimeItem = /*#__PURE__*/react.styled('div')({
   "class": "s1qroyi1",
   propsAsIs: false
 });
-var _exp15 = function _exp15() {
+var _exp16 = function _exp16() {
   return function (_ref) {
     var height = _ref.height;
     return height || "var(".concat(TimePickerGrid_tokens.tokens.columnHeight, ")");
@@ -27,7 +27,7 @@ var StyledTimeColumn = /*#__PURE__*/react.styled('div')({
   "class": "s1jwci1h",
   propsAsIs: false,
   vars: {
-    "s1jwci1h-0": [/*#__PURE__*/_exp15()]
+    "s1jwci1h-0": [/*#__PURE__*/_exp16()]
   }
 });
 var CustomScrollbar = /*#__PURE__*/react.styled('div')({

package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../TimePickerGrid.tokens';\n\nexport const StyledRoot = styled.div`\n    position: relative;\n    width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n    height: var(${tokens.itemHeight});\n    padding: var(${tokens.itemPadding});\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: 0.05s;\n    border-radius: var(${tokens.itemBorderRadius});\n    cursor: pointer;\n    flex-shrink: 0;\n    overflow: auto;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeight});\n    letter-spacing: var(${tokens.itemLetterSpacing});\n    line-height: var(${tokens.itemLineHeight});\n\n    &:hover {\n        background: var(${tokens.itemBackgroundHover});\n    }\n    &.${classes.timeItemActive} {\n        background: var(${tokens.itemBackgroundActive});\n    }\n\n    &.${classes.itemDisabled} {\n        cursor: not-allowed;\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n    max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n    overflow-y: scroll;\n    flex: 1;\n    z-index: 3;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.scrollbarWidth});\n    width: 100%;\n\n    &.${classes.timeColumnActive} {\n        border: 0.125rem solid var(${tokens.itemBackgroundHover});\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n        width: 0;\n    }\n`;\n\nexport const CustomScrollbar = styled.div`\n    position: absolute;\n    top: var(${tokens.scrollbarMargin});\n    right: 0;\n    bottom: var(${tokens.scrollbarMargin});\n    width: var(${tokens.scrollbarWidth});\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    z-index: 10;\n    overflow: hidden;\n\n    &.${classes.scrollbarVisible} {\n        opacity: 1;\n        pointer-events: auto;\n    }\n`;\n\nexport const ScrollbarTrack = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: var(${tokens.scrollbarTrackColor});\n    border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: var(${tokens.scrollbarColor});\n    border-radius: var(${tokens.scrollbarWidth});\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n\n    &:hover {\n        background: var(${tokens.scrollbarColor});\n    }\n\n    &:active {\n        background: var(${tokens.scrollbarTrackColor});\n    }\n`;\n\nexport const StyledEmpty = styled.div`\n    width: 100%;\n    height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp15","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;;;;;AAIO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA+BnC,EAAA;AAAC,IAAAE,MAAA,GAvCgBA,SAuChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,4BAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAsBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;;;;;"}
+{"version":3,"file":"TimeColumn.styles.js","sources":["../../../../../../../src/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { addFocus } from 'src/mixins';\n\nimport { classes, tokens } from '../../TimePickerGrid.tokens';\n\nexport const StyledRoot = styled.div`\n    position: relative;\n    width: 100%;\n`;\n\nexport const StyledTimeItem = styled.div`\n    height: var(${tokens.itemHeight});\n    padding: var(${tokens.itemPadding});\n    box-sizing: border-box;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    transition: 0.05s;\n    border-radius: var(${tokens.itemBorderRadius});\n    cursor: pointer;\n    flex-shrink: 0;\n    outline: none;\n\n    font-family: var(${tokens.itemFontFamily});\n    font-size: var(${tokens.itemFontSize});\n    font-style: var(${tokens.itemFontStyle});\n    font-weight: var(${tokens.itemFontWeight});\n    letter-spacing: var(${tokens.itemLetterSpacing});\n    line-height: var(${tokens.itemLineHeight});\n\n    &:hover {\n        background: var(${tokens.itemBackgroundHover});\n    }\n    &.${classes.timeItemActive} {\n        background: var(${tokens.itemBackgroundActive});\n    }\n\n    &.${classes.itemDisabled} {\n        cursor: not-allowed;\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    ${addFocus({\n        outlineOffset: '0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: `var(${tokens.itemBorderRadius})`,\n        outlineColor: `var(${tokens.itemFocusColor})`,\n    })}\n`;\n\nexport const StyledTimeColumn = styled.div<{ height?: string | number }>`\n    max-height: ${({ height }) => height || `var(${tokens.columnHeight})`};\n    overflow-y: scroll;\n    overflow-x: visible;\n    flex: 1;\n    z-index: 3;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: var(${tokens.scrollbarWidth});\n    width: 100%;\n\n    &.${classes.timeColumnActive} {\n        border: 0.125rem solid var(${tokens.itemBackgroundHover});\n        border-radius: var(${tokens.itemBorderRadius});\n    }\n\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    &::-webkit-scrollbar {\n        display: none;\n        width: 0;\n    }\n`;\n\nexport const CustomScrollbar = styled.div`\n    position: absolute;\n    top: var(${tokens.scrollbarMargin});\n    right: 0;\n    bottom: var(${tokens.scrollbarMargin});\n    width: var(${tokens.scrollbarWidth});\n    opacity: 0;\n    transition: opacity 0.3s ease;\n    pointer-events: none;\n    z-index: 10;\n    overflow: hidden;\n\n    &.${classes.scrollbarVisible} {\n        opacity: 1;\n        pointer-events: auto;\n    }\n`;\n\nexport const ScrollbarTrack = styled.div`\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background: var(${tokens.scrollbarTrackColor});\n    border-radius: var(${tokens.scrollbarWidth});\n`;\n\nexport const ScrollbarThumb = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    background: var(${tokens.scrollbarColor});\n    border-radius: var(${tokens.scrollbarWidth});\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n\n    &:hover {\n        background: var(${tokens.scrollbarColor});\n    }\n\n    &:active {\n        background: var(${tokens.scrollbarTrackColor});\n    }\n`;\n\nexport const StyledEmpty = styled.div`\n    width: 100%;\n    height: 0%.125rem;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledTimeItem","_exp16","_ref","height","concat","tokens","columnHeight","StyledTimeColumn","vars","CustomScrollbar","ScrollbarTrack","ScrollbarThumb","StyledEmpty"],"mappings":";;;;;;;AAKO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAsCnC,EAAA;AAAC,IAAAE,MAAA,GA/CgBA,SA+ChBA,MAAAA,GAAA;AAAA,EAAA,OAGgB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAAaA,MAAM,IAAAC,MAAAA,CAAAA,MAAA,CAAWC,4BAAM,CAACC,YAAY,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AADlE,IAAMC,gBAAgB,gBAAGX,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cACpBP,MAAuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAuBxE,EAAA;AAEM,IAAMQ,eAAe,gBAAGb,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBpC,EAAA;AAEM,IAAMW,cAAc,gBAAGd,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMnC,EAAA;AAEM,IAAMY,cAAc,gBAAGf,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAiBnC,EAAA;AAEM,IAAMa,WAAW,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGhC;;;;;;;;;;"}

package/dist/css/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.styles_pwqkan.css

@@ -0,0 +1,7 @@
+.s1gom5ty{position:relative;width:100%;}
+.s1qroyi1{height:var(--plasma-time-picker-grid-item-height);padding:var(--plasma-time-picker-grid-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-grid-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;outline:none;font-family:var(--plasma-time-picker-grid-item-font-family);font-size:var(--plasma-time-picker-grid-item-font-size);font-style:var(--plasma-time-picker-grid-item-font-style);font-weight:var(--plasma-time-picker-grid-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);letter-spacing:var(--plasma-time-picker-grid-item-letter-spacing);line-height:var(--plasma-time-picker-grid-item-line-height);position:relative;}.s1qroyi1:hover{background:var(--plasma-time-picker-grid-item-hover-background);}.s1qroyi1.--plasma-time-picker-grid-item-active{background:var(--plasma-time-picker-grid-item-active-background);}.s1qroyi1.--plasma-time-picker-grid-item-disabled{cursor:not-allowed;opacity:var(--plasma-time-picker-grid-disabled-opacity);}.s1qroyi1::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:var(--plasma-time-picker-grid-item-border-radius);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.s1qroyi1.focus-visible:focus::before,.s1qroyi1[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-time-picker-grid-item-focus-color);}
+.s1jwci1h{max-height:var(--s1jwci1h-0);overflow-y:scroll;overflow-x:visible;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-grid-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s1jwci1h.--plasma-time-picker-grid-column-active{border:0.125rem solid var(--plasma-time-picker-grid-item-hover-background);border-radius:var(--plasma-time-picker-grid-item-border-radius);}.s1jwci1h::-webkit-scrollbar{display:none;width:0;}
+.csx57j8{position:absolute;top:var(--plasma-time-picker-grid-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-grid-scrollbar-margin);width:var(--plasma-time-picker-grid-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.csx57j8.--plasma-time-picker-grid-scrollbar-visible{opacity:1;pointer-events:auto;}
+.s1dh0qqv{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-grid-scrollbar-track-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);}
+.s1h9xdi8{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-grid-scrollbar-color);border-radius:var(--plasma-time-picker-grid-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.s1h9xdi8:hover{background:var(--plasma-time-picker-grid-scrollbar-color);}.s1h9xdi8:active{background:var(--plasma-time-picker-grid-scrollbar-track-color);}
+.s1dt15pt{width:100%;height:0%.125rem;}

package/dist/css/cjs/components/_Slot/Slot.js

@@ -0,0 +1,60 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var mergeHandlers = require('../../utils/mergeHandlers.js');
+var setRefList = require('../../utils/setRefList.js');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n.default = e;
+    return n;
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _excluded = ["children"];
+var Slot = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
+  var children = props.children,
+    slotProps = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  if (! /*#__PURE__*/React__namespace.isValidElement(children)) {
+    return null;
+  }
+  var child = children;
+  var childProps = child.props;
+  var mergedProps = _rollupPluginBabelHelpers.objectSpread2({}, slotProps);
+
+  // merge event handlers
+  for (var key in slotProps) {
+    if (/^on[A-Z]/.test(key)) {
+      mergedProps[key] = mergeHandlers.mergeHandlers(childProps[key], slotProps[key]);
+    }
+  }
+  if (childProps.className || slotProps.className) {
+    mergedProps.className = [slotProps.className, childProps.className].filter(Boolean).join(' ');
+  }
+
+  // merge style
+  if (childProps.style || slotProps.style) {
+    mergedProps.style = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, slotProps.style), childProps.style);
+  }
+  mergedProps.ref = setRefList.mergeRefs(childProps.ref, forwardedRef);
+  return /*#__PURE__*/React__namespace.cloneElement(children, mergedProps);
+});
+
+exports.Slot = Slot;
+//# sourceMappingURL=Slot.js.map

package/dist/css/cjs/components/_Slot/Slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slot.js","sources":["../../../../../src/components/_Slot/Slot.tsx"],"sourcesContent":["import * as React from 'react';\nimport { mergeRefs, mergeHandlers } from 'src/utils';\n\nexport const Slot = React.forwardRef<any, any>((props, forwardedRef) => {\n    const { children, ...slotProps } = props;\n\n    if (!React.isValidElement(children)) {\n        return null;\n    }\n\n    const child = children as React.ReactElement<any>;\n    const childProps = child.props;\n\n    const mergedProps: Record<string, any> = { ...slotProps };\n\n    // merge event handlers\n    for (const key in slotProps) {\n        if (/^on[A-Z]/.test(key)) {\n            mergedProps[key] = mergeHandlers(childProps[key], slotProps[key]);\n        }\n    }\n\n    if (childProps.className || slotProps.className) {\n        mergedProps.className = [slotProps.className, childProps.className].filter(Boolean).join(' ');\n    }\n\n    // merge style\n    if (childProps.style || slotProps.style) {\n        mergedProps.style = { ...slotProps.style, ...childProps.style };\n    }\n\n    mergedProps.ref = mergeRefs(childProps.ref, forwardedRef);\n\n    return React.cloneElement(children, mergedProps);\n});\n"],"names":["Slot","React","forwardRef","props","forwardedRef","children","slotProps","_objectWithoutProperties","_excluded","isValidElement","child","childProps","mergedProps","_objectSpread","key","test","mergeHandlers","className","filter","Boolean","join","style","ref","mergeRefs","cloneElement"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,IAAMA,IAAI,gBAAGC,gBAAK,CAACC,UAAU,CAAW,UAACC,KAAK,EAAEC,YAAY,EAAK;AACpE,EAAA,IAAQC,QAAQ,GAAmBF,KAAK,CAAhCE,QAAQ;AAAKC,IAAAA,SAAS,GAAAC,iDAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAExC,EAAA,IAAI,eAACP,gBAAK,CAACQ,cAAc,CAACJ,QAAQ,CAAC,EAAE;AACjC,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;EAEA,IAAMK,KAAK,GAAGL,QAAmC,CAAA;AACjD,EAAA,IAAMM,UAAU,GAAGD,KAAK,CAACP,KAAK,CAAA;AAE9B,EAAA,IAAMS,WAAgC,GAAAC,uCAAA,CAAA,EAAA,EAAQP,SAAS,CAAE,CAAA;;AAEzD;AACA,EAAA,KAAK,IAAMQ,GAAG,IAAIR,SAAS,EAAE;AACzB,IAAA,IAAI,UAAU,CAACS,IAAI,CAACD,GAAG,CAAC,EAAE;AACtBF,MAAAA,WAAW,CAACE,GAAG,CAAC,GAAGE,2BAAa,CAACL,UAAU,CAACG,GAAG,CAAC,EAAER,SAAS,CAACQ,GAAG,CAAC,CAAC,CAAA;AACrE,KAAA;AACJ,GAAA;AAEA,EAAA,IAAIH,UAAU,CAACM,SAAS,IAAIX,SAAS,CAACW,SAAS,EAAE;IAC7CL,WAAW,CAACK,SAAS,GAAG,CAACX,SAAS,CAACW,SAAS,EAAEN,UAAU,CAACM,SAAS,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AACjG,GAAA;;AAEA;AACA,EAAA,IAAIT,UAAU,CAACU,KAAK,IAAIf,SAAS,CAACe,KAAK,EAAE;AACrCT,IAAAA,WAAW,CAACS,KAAK,GAAAR,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EAAQP,SAAS,CAACe,KAAK,CAAA,EAAKV,UAAU,CAACU,KAAK,CAAE,CAAA;AACnE,GAAA;EAEAT,WAAW,CAACU,GAAG,GAAGC,oBAAS,CAACZ,UAAU,CAACW,GAAG,EAAElB,YAAY,CAAC,CAAA;AAEzD,EAAA,oBAAOH,gBAAK,CAACuB,YAAY,CAACnB,QAAQ,EAAEO,WAAW,CAAC,CAAA;AACpD,CAAC;;;;"}

package/dist/css/cjs/components/_beta/Popover/Popover.js

@@ -0,0 +1,183 @@
+require('./Popover_1ed9tky.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var cls = require('classnames');
+var react = require('@floating-ui/react');
+var Slot = require('../../_Slot/Slot.js');
+var Popover_tokens = require('./Popover.tokens.js');
+var Popover_styles = require('./Popover.styles.js');
+var matchPlacements = require('./utils/matchPlacements.js');
+var IconClose = require('../../_Icon/Icons/IconClose.js');
+var sizeToIconSize = require('./utils/sizeToIconSize.js');
+var Resizable = require('../../_Resizable/Resizable.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var cls__default = /*#__PURE__*/_interopDefault(cls);
+
+var _excluded = ["appearance", "children", "target", "opened", "defaultOpened", "trigger", "placement", "hasTail", "flip", "shift", "offset", "outsideClick", "resizable", "onResizeStart", "onResizeEnd", "onToggle", "delayOpen", "delayClose", "zIndex", "className", "style", "size", "view"];
+/* Ширина хвостика */
+var ARROW_WIDTH = 20;
+/* Высота хвостика */
+var ARROW_HEIGHT = 8;
+/* SVG хвостика */
+var ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';
+/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */
+var ARROW_PADDING = 16;
+var popoverRoot = function popoverRoot(Root) {
+  return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
+    var _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? 'closeNone' : _ref$appearance,
+      children = _ref.children,
+      target = _ref.target,
+      outerOpened = _ref.opened,
+      _ref$defaultOpened = _ref.defaultOpened,
+      defaultOpened = _ref$defaultOpened === void 0 ? false : _ref$defaultOpened,
+      _ref$trigger = _ref.trigger,
+      trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
+      _ref$placement = _ref.placement,
+      placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+      _ref$hasTail = _ref.hasTail,
+      hasTail = _ref$hasTail === void 0 ? true : _ref$hasTail,
+      _ref$flip = _ref.flip,
+      outsideFlip = _ref$flip === void 0 ? false : _ref$flip,
+      _ref$shift = _ref.shift,
+      outsideShift = _ref$shift === void 0 ? false : _ref$shift,
+      _ref$offset = _ref.offset,
+      outerOffset = _ref$offset === void 0 ? 0 : _ref$offset,
+      _ref$outsideClick = _ref.outsideClick,
+      outsideClick = _ref$outsideClick === void 0 ? true : _ref$outsideClick,
+      _ref$resizable = _ref.resizable,
+      resizable = _ref$resizable === void 0 ? false : _ref$resizable,
+      onResizeStart = _ref.onResizeStart,
+      onResizeEnd = _ref.onResizeEnd,
+      onToggle = _ref.onToggle,
+      _ref$delayOpen = _ref.delayOpen,
+      delayOpen = _ref$delayOpen === void 0 ? 0 : _ref$delayOpen,
+      _ref$delayClose = _ref.delayClose,
+      delayClose = _ref$delayClose === void 0 ? 0 : _ref$delayClose,
+      _ref$zIndex = _ref.zIndex,
+      zIndex = _ref$zIndex === void 0 ? 1000 : _ref$zIndex,
+      className = _ref.className,
+      style = _ref.style,
+      size = _ref.size,
+      view = _ref.view,
+      rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+    var _useState = React.useState(defaultOpened),
+      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+      innerOpened = _useState2[0],
+      setInnerOpened = _useState2[1];
+    var opened = outerOpened !== null && outerOpened !== void 0 ? outerOpened : innerOpened;
+    var arrowRef = React.useRef(null);
+    var handleToggle = function handleToggle(opened) {
+      setInnerOpened(opened);
+      if (onToggle) {
+        onToggle(opened);
+      }
+    };
+    var _useFloating = react.useFloating({
+        whileElementsMounted: react.autoUpdate,
+        placement: placement,
+        open: opened,
+        onOpenChange: handleToggle,
+        middleware: [outsideShift && react.shift({
+          limiter: react.limitShift()
+        }), outsideFlip && react.flip(), hasTail && react.arrow({
+          element: arrowRef,
+          padding: ARROW_PADDING
+        }), react.offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset)]
+      }),
+      refs = _useFloating.refs,
+      floatingStyles = _useFloating.floatingStyles,
+      context = _useFloating.context;
+    var click = react.useClick(context, {
+      enabled: trigger === 'click' || matchMedia('(hover: none)').matches
+    });
+    var focus = react.useFocus(context, {
+      enabled: trigger === 'focus'
+    });
+    var dismiss = react.useDismiss(context, {
+      enabled: true,
+      outsidePress: outsideClick
+    });
+    var role = react.useRole(context);
+    var hover = react.useHover(context, {
+      mouseOnly: true,
+      enabled: trigger === 'hover',
+      handleClose: react.safePolygon({
+        requireIntent: false
+      }),
+      delay: {
+        open: delayOpen,
+        close: delayClose
+      }
+    });
+    var _useInteractions = react.useInteractions([dismiss, role, click, hover, focus]),
+      getReferenceProps = _useInteractions.getReferenceProps,
+      getFloatingProps = _useInteractions.getFloatingProps;
+    return /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, /*#__PURE__*/React__default.default.createElement(Slot.Slot, _rollupPluginBabelHelpers.extends({
+      ref: refs.setReference
+    }, getReferenceProps()), target), opened && /*#__PURE__*/React__default.default.createElement(react.FloatingPortal, null, /*#__PURE__*/React__default.default.createElement(react.FloatingFocusManager, {
+      context: context
+    }, /*#__PURE__*/React__default.default.createElement(Root, _rollupPluginBabelHelpers.extends({
+      ref: refs.setFloating,
+      size: size,
+      view: view,
+      style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, floatingStyles), {}, {
+        zIndex: zIndex
+      })
+    }, getFloatingProps()), /*#__PURE__*/React__default.default.createElement(Resizable.Resizable, {
+      placement: matchPlacements.matchPlacements(placement),
+      resizable: resizable,
+      onResizeStart: onResizeStart,
+      onResizeEnd: onResizeEnd
+    }, /*#__PURE__*/React__default.default.createElement(Popover_styles.Wrapper, _rollupPluginBabelHelpers.extends({
+      ref: outerRootRef,
+      className: cls__default.default(className, Popover_tokens.classes.popoverRoot),
+      style: style,
+      "data-popover-open": opened
+    }, rest), hasTail && /*#__PURE__*/React__default.default.createElement(react.FloatingArrow, {
+      ref: arrowRef,
+      context: context,
+      width: ARROW_WIDTH,
+      height: ARROW_HEIGHT,
+      fill: "var(".concat(Popover_tokens.tokens.backgroundColor, ")"),
+      d: ARROW_POLYGON
+    }), children, appearance === 'closeInner' && /*#__PURE__*/React__default.default.createElement(Popover_styles.CloseButton, {
+      className: Popover_tokens.classes.popoverCloseIconButton,
+      onClick: function onClick() {
+        return handleToggle(false);
+      }
+    }, /*#__PURE__*/React__default.default.createElement(IconClose.IconClose, {
+      size: sizeToIconSize.sizeToIconSize(size),
+      color: "inherit"
+    }))))))));
+  });
+};
+var popoverConfig = {
+  name: 'Popover',
+  tag: 'div',
+  layout: popoverRoot,
+  base: Popover_styles.base,
+  variations: {
+    view: {
+      css: "c1yk9mu4"
+    },
+    size: {
+      css: "ca7xm74"
+    }
+  },
+  defaults: {
+    view: 'default',
+    size: 'm'
+  }
+};
+
+exports.popoverConfig = popoverConfig;
+exports.popoverRoot = popoverRoot;
+//# sourceMappingURL=Popover.js.map

package/dist/css/cjs/components/_beta/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tsx"],"sourcesContent":["import React, { forwardRef, useState, useRef } from 'react';\nimport type { RootProps } from 'src/engines/types';\nimport cls from 'classnames';\nimport {\n    useFloating,\n    useInteractions,\n    useClick,\n    useFocus,\n    useDismiss,\n    useRole,\n    FloatingFocusManager,\n    FloatingArrow,\n    arrow,\n    offset,\n    useHover,\n    safePolygon,\n    shift,\n    flip,\n    FloatingPortal,\n    autoUpdate,\n    limitShift,\n} from '@floating-ui/react';\nimport { css } from '@linaria/core';\n\nimport { IconClose } from '../../_Icon';\nimport { Resizable } from '../../_Resizable';\nimport { Slot } from '../../_Slot/Slot';\n\nimport { sizeToIconSize, matchPlacements } from './utils';\nimport { tokens, classes } from './Popover.tokens';\nimport { base, CloseButton, Wrapper } from './Popover.styles';\nimport type { PopoverProps } from './Popover.types';\n\n/* Ширина хвостика */\nconst ARROW_WIDTH = 20;\n/* Высота хвостика */\nconst ARROW_HEIGHT = 8;\n/* SVG хвостика */\nconst ARROW_POLYGON = 'M20 20L0 20C8.88889 20.0001 10 12.5714 10 12C10 12.5714 11.3273 20.006 20 20Z';\n/* Отступ хвостика по краям (чтобы избежать коллизии со скругленными углами) */\nconst ARROW_PADDING = 16;\n\nexport const popoverRoot = (Root: RootProps<HTMLDivElement, Omit<PopoverProps, 'target'>>) =>\n    forwardRef<HTMLDivElement, PopoverProps>(\n        (\n            {\n                appearance = 'closeNone',\n                children,\n                target,\n                opened: outerOpened,\n                defaultOpened = false,\n                trigger = 'click',\n                placement = 'bottom',\n                hasTail = true,\n                flip: outsideFlip = false,\n                shift: outsideShift = false,\n                offset: outerOffset = 0,\n                outsideClick = true,\n                resizable = false,\n                onResizeStart,\n                onResizeEnd,\n                onToggle,\n                delayOpen = 0,\n                delayClose = 0,\n                zIndex = 1000,\n                className,\n                style,\n                size,\n                view,\n                ...rest\n            },\n            outerRootRef,\n        ) => {\n            const [innerOpened, setInnerOpened] = useState(defaultOpened);\n\n            const opened = outerOpened ?? innerOpened;\n\n            const arrowRef = useRef(null);\n\n            const handleToggle = (opened: boolean) => {\n                setInnerOpened(opened);\n\n                if (onToggle) {\n                    onToggle(opened);\n                }\n            };\n\n            const { refs, floatingStyles, context } = useFloating({\n                whileElementsMounted: autoUpdate,\n                placement,\n                open: opened,\n                onOpenChange: handleToggle,\n                middleware: [\n                    outsideShift &&\n                        shift({\n                            limiter: limitShift(),\n                        }),\n                    outsideFlip && flip(),\n                    hasTail && arrow({ element: arrowRef, padding: ARROW_PADDING }),\n                    offset((hasTail ? ARROW_HEIGHT : 0) + outerOffset),\n                ],\n            });\n\n            const click = useClick(context, {\n                enabled: trigger === 'click' || matchMedia('(hover: none)').matches,\n            });\n            const focus = useFocus(context, { enabled: trigger === 'focus' });\n            const dismiss = useDismiss(context, {\n                enabled: true,\n                outsidePress: outsideClick,\n            });\n            const role = useRole(context);\n            const hover = useHover(context, {\n                mouseOnly: true,\n                enabled: trigger === 'hover',\n                handleClose: safePolygon({\n                    requireIntent: false,\n                }),\n                delay: {\n                    open: delayOpen,\n                    close: delayClose,\n                },\n            });\n\n            const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, role, click, hover, focus]);\n\n            return (\n                <>\n                    <Slot ref={refs.setReference} {...getReferenceProps()}>\n                        {target}\n                    </Slot>\n\n                    {opened && (\n                        <FloatingPortal>\n                            <FloatingFocusManager context={context}>\n                                <Root\n                                    ref={refs.setFloating}\n                                    size={size}\n                                    view={view}\n                                    style={{ ...floatingStyles, zIndex }}\n                                    {...getFloatingProps()}\n                                >\n                                    <Resizable\n                                        placement={matchPlacements(placement)}\n                                        resizable={resizable}\n                                        onResizeStart={onResizeStart}\n                                        onResizeEnd={onResizeEnd}\n                                    >\n                                        <Wrapper\n                                            ref={outerRootRef}\n                                            className={cls(className, classes.popoverRoot)}\n                                            style={style}\n                                            data-popover-open={opened}\n                                            {...rest}\n                                        >\n                                            {hasTail && (\n                                                <FloatingArrow\n                                                    ref={arrowRef}\n                                                    context={context}\n                                                    width={ARROW_WIDTH}\n                                                    height={ARROW_HEIGHT}\n                                                    fill={`var(${tokens.backgroundColor})`}\n                                                    d={ARROW_POLYGON}\n                                                />\n                                            )}\n\n                                            {children}\n\n                                            {appearance === 'closeInner' && (\n                                                <CloseButton\n                                                    className={classes.popoverCloseIconButton}\n                                                    onClick={() => handleToggle(false)}\n                                                >\n                                                    <IconClose size={sizeToIconSize(size)} color=\"inherit\" />\n                                                </CloseButton>\n                                            )}\n                                        </Wrapper>\n                                    </Resizable>\n                                </Root>\n                            </FloatingFocusManager>\n                        </FloatingPortal>\n                    )}\n                </>\n            );\n        },\n    );\n\nexport const popoverConfig = {\n    name: 'Popover',\n    tag: 'div',\n    layout: popoverRoot,\n    base,\n    variations: {\n        view: {\n            css: css``,\n        },\n        size: {\n            css: css``,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["ARROW_WIDTH","ARROW_HEIGHT","ARROW_POLYGON","ARROW_PADDING","popoverRoot","Root","forwardRef","_ref","outerRootRef","_ref$appearance","appearance","children","target","outerOpened","opened","_ref$defaultOpened","defaultOpened","_ref$trigger","trigger","_ref$placement","placement","_ref$hasTail","hasTail","_ref$flip","flip","outsideFlip","_ref$shift","shift","outsideShift","_ref$offset","offset","outerOffset","_ref$outsideClick","outsideClick","_ref$resizable","resizable","onResizeStart","onResizeEnd","onToggle","_ref$delayOpen","delayOpen","_ref$delayClose","delayClose","_ref$zIndex","zIndex","className","style","size","view","rest","_useState","useState","_useState2","_slicedToArray","innerOpened","setInnerOpened","arrowRef","useRef","handleToggle","_useFloating","useFloating","whileElementsMounted","autoUpdate","open","onOpenChange","middleware","limiter","limitShift","arrow","element","padding","refs","floatingStyles","context","click","useClick","enabled","matchMedia","matches","focus","useFocus","dismiss","useDismiss","outsidePress","role","useRole","hover","useHover","mouseOnly","handleClose","safePolygon","requireIntent","delay","close","_useInteractions","useInteractions","getReferenceProps","getFloatingProps","React","createElement","Fragment","Slot","_extends","ref","setReference","FloatingPortal","FloatingFocusManager","setFloating","_objectSpread","Resizable","matchPlacements","Wrapper","cls","classes","FloatingArrow","width","height","fill","concat","tokens","backgroundColor","d","CloseButton","popoverCloseIconButton","onClick","IconClose","sizeToIconSize","color","popoverConfig","name","tag","layout","base","variations","css","defaults"],"mappings":"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"}

package/dist/css/cjs/components/_beta/Popover/Popover.styles.js

@@ -0,0 +1,23 @@
+require('./Popover.styles_1w8fqx9.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('@linaria/react');
+
+var base = "bf32er5";
+var Wrapper = /*#__PURE__*/react.styled('div')({
+  name: "Wrapper",
+  "class": "w1gxr814",
+  propsAsIs: false
+});
+var CloseButton = /*#__PURE__*/react.styled('button')({
+  name: "CloseButton",
+  "class": "c3txfur",
+  propsAsIs: false
+});
+
+exports.CloseButton = CloseButton;
+exports.Wrapper = Wrapper;
+exports.base = base;
+//# sourceMappingURL=Popover.styles.js.map

package/dist/css/cjs/components/_beta/Popover/Popover.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.styles.js","sources":["../../../../../../src/components/_beta/Popover/Popover.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { tokens } from './Popover.tokens';\n\nexport const base = css`\n    border-radius: var(${tokens.borderRadius});\n`;\n\nexport const Wrapper = styled.div`\n    position: relative;\n    background: var(${tokens.backgroundColor});\n    padding: var(${tokens.padding});\n    border-radius: var(${tokens.borderRadius});\n    box-shadow: var(${tokens.boxShadow});\n    width: 100%;\n    height: 100%;\n    box-sizing: border-box;\n`;\n\nexport const CloseButton = styled.button`\n    position: absolute;\n    top: var(${tokens.iconOffset});\n    right: var(${tokens.iconOffset});\n    padding: 0;\n    margin: 0;\n    border: none;\n    background: none;\n    cursor: pointer;\n    line-height: 0;\n    color: var(${tokens.iconColor});\n\n    &:hover {\n        color: var(${tokens.iconColorHover});\n    }\n\n    &:active {\n        color: var(${tokens.iconColorActive});\n    }\n`;\n"],"names":["base","Wrapper","styled","name","class","propsAsIs","CloseButton"],"mappings":";;;;;;AAKO,IAAMA,IAAI,GAEhB,UAAA;AAEM,IAAMC,OAAO,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS5B,EAAA;AAEM,IAAMC,WAAW,gBAAGJ,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAmBhC;;;;;;"}

package/dist/css/cjs/components/_beta/Popover/Popover.styles_1w8fqx9.css

@@ -0,0 +1,3 @@
+.bf32er5{border-radius:var(--plasma-popover-border-radius);}
+.w1gxr814{position:relative;background:var(--plasma-popover-background-color);padding:var(--plasma-popover-padding);border-radius:var(--plasma-popover-border-radius);box-shadow:var(--plasma-popover-box-shadow);width:100%;height:100%;box-sizing:border-box;}
+.c3txfur{position:absolute;top:var(--plasma-popover-icon-offset);right:var(--plasma-popover-icon-offset);padding:0;margin:0;border:none;background:none;cursor:pointer;line-height:0;color:var(--plasma-popover-icon-color);}.c3txfur:hover{color:var(--plasma-popover-icon-color-hover);}.c3txfur:active{color:var(--plasma-popover-icon-color-active);}

package/dist/css/cjs/components/_beta/Popover/Popover.tokens.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var classes = {
+  popoverRoot: 'popover-root',
+  popoverCloseIconButton: 'popover-close-icon-button'
+};
+var tokens = {
+  backgroundColor: '--plasma-popover-background-color',
+  borderRadius: '--plasma-popover-border-radius',
+  padding: '--plasma-popover-padding',
+  boxShadow: '--plasma-popover-box-shadow',
+  iconColor: '--plasma-popover-icon-color',
+  iconColorHover: '--plasma-popover-icon-color-hover',
+  iconColorActive: '--plasma-popover-icon-color-active',
+  iconOffset: '--plasma-popover-icon-offset'
+};
+
+exports.classes = classes;
+exports.tokens = tokens;
+//# sourceMappingURL=Popover.tokens.js.map

package/dist/css/cjs/components/_beta/Popover/Popover.tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.tokens.js","sources":["../../../../../../src/components/_beta/Popover/Popover.tokens.ts"],"sourcesContent":["export const classes = {\n    popoverRoot: 'popover-root',\n    popoverCloseIconButton: 'popover-close-icon-button',\n};\n\nexport const tokens = {\n    backgroundColor: '--plasma-popover-background-color',\n    borderRadius: '--plasma-popover-border-radius',\n    padding: '--plasma-popover-padding',\n    boxShadow: '--plasma-popover-box-shadow',\n    iconColor: '--plasma-popover-icon-color',\n    iconColorHover: '--plasma-popover-icon-color-hover',\n    iconColorActive: '--plasma-popover-icon-color-active',\n    iconOffset: '--plasma-popover-icon-offset',\n};\n"],"names":["classes","popoverRoot","popoverCloseIconButton","tokens","backgroundColor","borderRadius","padding","boxShadow","iconColor","iconColorHover","iconColorActive","iconOffset"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,sBAAsB,EAAE,2BAAA;AAC5B,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,mCAAmC;AACpDC,EAAAA,YAAY,EAAE,gCAAgC;AAC9CC,EAAAA,OAAO,EAAE,0BAA0B;AACnCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,UAAU,EAAE,8BAAA;AAChB;;;;;"}

package/dist/css/cjs/components/_beta/Popover/Popover_1ed9tky.css

@@ -0,0 +1,2 @@
+
+

package/dist/css/cjs/components/_beta/Popover/utils/matchPlacements.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var matchPlacements = function matchPlacements(placement) {
+  switch (placement) {
+    case 'top':
+      return 'top';
+    case 'right':
+      return 'right';
+    case 'bottom':
+      return 'bottom';
+    case 'left':
+      return 'left';
+    case 'top-start':
+    case 'left-start':
+      return 'top-left';
+    case 'top-end':
+    case 'right-start':
+      return 'top-right';
+    case 'right-end':
+    case 'bottom-end':
+      return 'bottom-right';
+    case 'bottom-start':
+    case 'left-end':
+      return 'bottom-left';
+    default:
+      return 'center';
+  }
+};
+
+exports.matchPlacements = matchPlacements;
+//# sourceMappingURL=matchPlacements.js.map

package/dist/css/cjs/components/_beta/Popover/utils/matchPlacements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matchPlacements.js","sources":["../../../../../../../src/components/_beta/Popover/utils/matchPlacements.ts"],"sourcesContent":["import { Placement as ResizablePlacement } from '../../../_Resizable/Resizable.types';\nimport { PopoverProps } from '../Popover.types';\n\nexport const matchPlacements = (placement: PopoverProps['placement']): ResizablePlacement => {\n    switch (placement) {\n        case 'top':\n            return 'top';\n\n        case 'right':\n            return 'right';\n\n        case 'bottom':\n            return 'bottom';\n\n        case 'left':\n            return 'left';\n\n        case 'top-start':\n        case 'left-start':\n            return 'top-left';\n\n        case 'top-end':\n        case 'right-start':\n            return 'top-right';\n\n        case 'right-end':\n        case 'bottom-end':\n            return 'bottom-right';\n\n        case 'bottom-start':\n        case 'left-end':\n            return 'bottom-left';\n\n        default:\n            return 'center';\n    }\n};\n"],"names":["matchPlacements","placement"],"mappings":";;;;IAGaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,SAAoC,EAAyB;AACzF,EAAA,QAAQA,SAAS;AACb,IAAA,KAAK,KAAK;AACN,MAAA,OAAO,KAAK,CAAA;AAEhB,IAAA,KAAK,OAAO;AACR,MAAA,OAAO,OAAO,CAAA;AAElB,IAAA,KAAK,QAAQ;AACT,MAAA,OAAO,QAAQ,CAAA;AAEnB,IAAA,KAAK,MAAM;AACP,MAAA,OAAO,MAAM,CAAA;AAEjB,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA,KAAK,YAAY;AACb,MAAA,OAAO,UAAU,CAAA;AAErB,IAAA,KAAK,SAAS,CAAA;AACd,IAAA,KAAK,aAAa;AACd,MAAA,OAAO,WAAW,CAAA;AAEtB,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA,KAAK,YAAY;AACb,MAAA,OAAO,cAAc,CAAA;AAEzB,IAAA,KAAK,cAAc,CAAA;AACnB,IAAA,KAAK,UAAU;AACX,MAAA,OAAO,aAAa,CAAA;AAExB,IAAA;AACI,MAAA,OAAO,QAAQ,CAAA;AACvB,GAAA;AACJ;;;;"}

package/dist/css/cjs/components/_beta/Popover/utils/sizeToIconSize.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sizeToIconSize = function sizeToIconSize(size) {
+  return size === 's' ? 'xs' : 's';
+};
+
+exports.sizeToIconSize = sizeToIconSize;
+//# sourceMappingURL=sizeToIconSize.js.map

package/dist/css/cjs/components/_beta/Popover/utils/sizeToIconSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeToIconSize.js","sources":["../../../../../../../src/components/_beta/Popover/utils/sizeToIconSize.ts"],"sourcesContent":["export const sizeToIconSize = (size?: string) => {\n    return size === 's' ? 'xs' : 's';\n};\n"],"names":["sizeToIconSize","size"],"mappings":";;;;IAAaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAa,EAAK;AAC7C,EAAA,OAAOA,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,GAAG,CAAA;AACpC;;;;"}