intergalactic 15.79.0 → 15.81.0-prerelease.0

package/date-picker/lib/es6/components/RangePickerAbstract.js

@@ -21,35 +21,35 @@ import { localizedMessages } from '../translations/__intergalactic-dynamic-local
 import includesDate from '../utils/includesDate';
 import { formatDDMMYY, formatMMYY } from '../utils/formatDate';
 /*__reshadow-styles__:"../style/date-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_qmnjm_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_qmnjm_gg_:active,.___SPopper_qmnjm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_qmnjm_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_qmnjm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_qmnjm_gg_,.___STitle_qmnjm_gg_{display:flex;align-items:center}.___STitle_qmnjm_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_qmnjm_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_qmnjm_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_qmnjm_gg_ .___SInner_qmnjm_gg_{justify-content:flex-start}.___SInputMask_qmnjm_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_qmnjm_gg_.__animationsDisabled_qmnjm_gg_{transition:none}.___SInputMask_qmnjm_gg_ .___SValue_qmnjm_gg_{letter-spacing:0}.___SIndicator_qmnjm_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_qmnjm_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_qmnjm_gg_._range_value_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_qmnjm_gg_._range_compare_qmnjm_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_qmnjm_gg_.__disabled_qmnjm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_qmnjm_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_qmnjm_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_ .___SValue_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:0}.___SSingleDateInput_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SSingleDateInput_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_:focus-within .___SHumanizedDate_qmnjm_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_,.___SDateRange_qmnjm_gg_:focus-within .___SValue_qmnjm_gg_{opacity:1}.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SMask_qmnjm_gg_,.___SInputMask_qmnjm_gg_.__noHumanizedDate_qmnjm_gg_ .___SValue_qmnjm_gg_{opacity:1}.___SDateRange_qmnjm_gg_ .___SInputMask_qmnjm_gg_:focus-within .___SMask_qmnjm_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_qmnjm_gg_:focus-within .___SRangeSep_qmnjm_gg_,.___SRangeSep_qmnjm_gg_.__fulfilled_qmnjm_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_qmnjm_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_qmnjm_gg_,.___SRangeComparatorHeader_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_qmnjm_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_qmnjm_gg_,.___SPeriodsList_qmnjm_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_qmnjm_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_qmnjm_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_qmnjm_gg_{transition:none}}" /*__inner_css_end__*/, "qmnjm_gg_") /*__reshadow_css_end__*/, {
-  "__SHeader": "___SHeader_qmnjm_gg_",
-  "__STitle": "___STitle_qmnjm_gg_",
-  "__SToday": "___SToday_qmnjm_gg_",
-  "__SPeriod": "___SPeriod_qmnjm_gg_",
-  "__SButton": "___SButton_qmnjm_gg_",
-  "__SInner": "___SInner_qmnjm_gg_",
-  "__SInputMask": "___SInputMask_qmnjm_gg_",
-  "_animationsDisabled": "__animationsDisabled_qmnjm_gg_",
-  "__SValue": "___SValue_qmnjm_gg_",
-  "__SIndicator": "___SIndicator_qmnjm_gg_",
-  "__SRangeIndicator": "___SRangeIndicator_qmnjm_gg_",
-  "_range_value": "_range_value_qmnjm_gg_",
-  "_range_compare": "_range_compare_qmnjm_gg_",
-  "_disabled": "__disabled_qmnjm_gg_",
-  "__SHumanizedDate": "___SHumanizedDate_qmnjm_gg_",
-  "__SMask": "___SMask_qmnjm_gg_",
-  "__SSingleDateInput": "___SSingleDateInput_qmnjm_gg_",
-  "__SDateRange": "___SDateRange_qmnjm_gg_",
-  "_noHumanizedDate": "__noHumanizedDate_qmnjm_gg_",
-  "__SRangeSep": "___SRangeSep_qmnjm_gg_",
-  "_fulfilled": "__fulfilled_qmnjm_gg_",
-  "__SRangeComparatorHeader": "___SRangeComparatorHeader_qmnjm_gg_",
-  "__SRangeCalendar": "___SRangeCalendar_qmnjm_gg_",
-  "__SFooter": "___SFooter_qmnjm_gg_",
-  "__SPeriodsList": "___SPeriodsList_qmnjm_gg_",
-  "__STooltip": "___STooltip_qmnjm_gg_",
-  "__SCompareToggle": "___SCompareToggle_qmnjm_gg_",
-  "__SPopper": "___SPopper_qmnjm_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPopper_1dycy_gg_{padding:var(--intergalactic-spacing-4x, 16px);outline:0}.___SPopper_1dycy_gg_::-moz-focus-inner{border:0;padding:0}.___SPopper_1dycy_gg_:active,.___SPopper_1dycy_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPopper_1dycy_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SPopper_1dycy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SHeader_1dycy_gg_,.___STitle_1dycy_gg_{display:flex;align-items:center}.___STitle_1dycy_gg_{font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-primary, #191b23);height:32px;width:100%;justify-content:center}.___SToday_1dycy_gg_{display:flex;margin-top:var(--intergalactic-spacing-3x, 12px);justify-content:center}.___SPeriod_1dycy_gg_{display:flex;flex-direction:column;margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButton_1dycy_gg_ .___SInner_1dycy_gg_{justify-content:flex-start}.___SInputMask_1dycy_gg_{color:var(--intergalactic-text-primary, #191b23);line-height:normal;padding-right:var(--intergalactic-spacing-2x, 8px);transition:width calc(var(--intergalactic-duration-medium, 300)*1ms) ease,min-width calc(var(--intergalactic-duration-medium, 300)*1ms) ease}.___SInputMask_1dycy_gg_.__animationsDisabled_1dycy_gg_{transition:none}.___SInputMask_1dycy_gg_ .___SValue_1dycy_gg_{letter-spacing:0}.___SIndicator_1dycy_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SRangeIndicator_1dycy_gg_{border-radius:50%;flex-shrink:0}.___SRangeIndicator_1dycy_gg_._range_value_1dycy_gg_{background-color:var(--intergalactic-date-picker-cell-active, #2bb3ff)}.___SRangeIndicator_1dycy_gg_._range_compare_1dycy_gg_{background-color:var(--intergalactic-date-picker-cell-comparison-active, #8649e1)}.___SRangeIndicator_1dycy_gg_.__disabled_1dycy_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SHumanizedDate_1dycy_gg_{position:absolute;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.___SMask_1dycy_gg_{letter-spacing:0;white-space:nowrap;overflow:hidden}.___SDateRange_1dycy_gg_ .___SMask_1dycy_gg_,.___SDateRange_1dycy_gg_ .___SValue_1dycy_gg_,.___SSingleDateInput_1dycy_gg_ .___SMask_1dycy_gg_,.___SSingleDateInput_1dycy_gg_ .___SValue_1dycy_gg_{opacity:0}.___SSingleDateInput_1dycy_gg_:focus-within .___SHumanizedDate_1dycy_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SSingleDateInput_1dycy_gg_:focus-within .___SMask_1dycy_gg_,.___SSingleDateInput_1dycy_gg_:focus-within .___SValue_1dycy_gg_{opacity:1}.___SDateRange_1dycy_gg_:focus-within .___SHumanizedDate_1dycy_gg_{opacity:0;z-index:var(--intergalactic-z-index-deep, -999)}.___SDateRange_1dycy_gg_:focus-within .___SMask_1dycy_gg_,.___SDateRange_1dycy_gg_:focus-within .___SValue_1dycy_gg_{opacity:1}.___SInputMask_1dycy_gg_.__noHumanizedDate_1dycy_gg_ .___SMask_1dycy_gg_,.___SInputMask_1dycy_gg_.__noHumanizedDate_1dycy_gg_ .___SValue_1dycy_gg_{opacity:1}.___SDateRange_1dycy_gg_ .___SInputMask_1dycy_gg_:focus-within .___SMask_1dycy_gg_{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SDateRange_1dycy_gg_:focus-within .___SRangeSep_1dycy_gg_,.___SRangeSep_1dycy_gg_.__fulfilled_1dycy_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SRangeComparatorHeader_1dycy_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SRangeCalendar_1dycy_gg_,.___SRangeComparatorHeader_1dycy_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___SFooter_1dycy_gg_{border-top:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___SFooter_1dycy_gg_,.___SPeriodsList_1dycy_gg_{padding:var(--intergalactic-spacing-4x, 16px)}.___STooltip_1dycy_gg_{padding:var(--intergalactic-spacing-3x, 12px)}.___SCompareToggle_1dycy_gg_{white-space:nowrap}@media (prefers-reduced-motion){.___SInputMask_1dycy_gg_{transition:none}}" /*__inner_css_end__*/, "1dycy_gg_") /*__reshadow_css_end__*/, {
+  "__SHeader": "___SHeader_1dycy_gg_",
+  "__STitle": "___STitle_1dycy_gg_",
+  "__SToday": "___SToday_1dycy_gg_",
+  "__SPeriod": "___SPeriod_1dycy_gg_",
+  "__SButton": "___SButton_1dycy_gg_",
+  "__SInner": "___SInner_1dycy_gg_",
+  "__SInputMask": "___SInputMask_1dycy_gg_",
+  "_animationsDisabled": "__animationsDisabled_1dycy_gg_",
+  "__SValue": "___SValue_1dycy_gg_",
+  "__SIndicator": "___SIndicator_1dycy_gg_",
+  "__SRangeIndicator": "___SRangeIndicator_1dycy_gg_",
+  "_range_value": "_range_value_1dycy_gg_",
+  "_range_compare": "_range_compare_1dycy_gg_",
+  "_disabled": "__disabled_1dycy_gg_",
+  "__SHumanizedDate": "___SHumanizedDate_1dycy_gg_",
+  "__SMask": "___SMask_1dycy_gg_",
+  "__SSingleDateInput": "___SSingleDateInput_1dycy_gg_",
+  "__SDateRange": "___SDateRange_1dycy_gg_",
+  "_noHumanizedDate": "__noHumanizedDate_1dycy_gg_",
+  "__SRangeSep": "___SRangeSep_1dycy_gg_",
+  "_fulfilled": "__fulfilled_1dycy_gg_",
+  "__SRangeComparatorHeader": "___SRangeComparatorHeader_1dycy_gg_",
+  "__SRangeCalendar": "___SRangeCalendar_1dycy_gg_",
+  "__SFooter": "___SFooter_1dycy_gg_",
+  "__SPeriodsList": "___SPeriodsList_1dycy_gg_",
+  "__STooltip": "___STooltip_1dycy_gg_",
+  "__SCompareToggle": "___SCompareToggle_1dycy_gg_",
+  "__SPopper": "___SPopper_1dycy_gg_"
 });
 var INTERACTION_TAGS = ['INPUT'];
 var INTERACTION_KEYS = ['ArrowDown', 'Enter', ' '];

package/divider/lib/cjs/Divider.js

@@ -16,15 +16,15 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"./style/divider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDivider_n4azt_gg_{display:block}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_{background-color:var(--theme_n4azt, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_,.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_{width:100%;height:1px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "n4azt_gg_") /*__reshadow_css_end__*/, {
-  "__SDivider": "___SDivider_n4azt_gg_",
-  "_use_primary": "_use_primary_n4azt_gg_",
-  "--theme": "--theme_n4azt",
-  "_theme_default": "_theme_default_n4azt_gg_",
-  "_theme_invert": "_theme_invert_n4azt_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_n4azt_gg_",
-  "_use_secondary": "_use_secondary_n4azt_gg_",
-  "_orientation_vertical": "_orientation_vertical_n4azt_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDivider_1wi00_gg_{display:block}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_{background-color:var(--theme_1wi00, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_,.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_{width:100%;height:1px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "1wi00_gg_") /*__reshadow_css_end__*/, {
+  "__SDivider": "___SDivider_1wi00_gg_",
+  "_use_primary": "_use_primary_1wi00_gg_",
+  "--theme": "--theme_1wi00",
+  "_theme_default": "_theme_default_1wi00_gg_",
+  "_theme_invert": "_theme_invert_1wi00_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1wi00_gg_",
+  "_use_secondary": "_use_secondary_1wi00_gg_",
+  "_orientation_vertical": "_orientation_vertical_1wi00_gg_"
 });
 var Divider = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Divider, _Component);

package/divider/lib/es6/Divider.js

@@ -10,15 +10,15 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/divider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_n4azt_gg_{display:block}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_{background-color:var(--theme_n4azt, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_n4azt_gg_._use_primary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_,.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_default_n4azt_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_.___SDivider_n4azt_gg_._use_secondary_n4azt_gg_.___SDivider_n4azt_gg_._theme_invert_n4azt_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_n4azt_gg_._orientation_horizontal_n4azt_gg_{width:100%;height:1px}.___SDivider_n4azt_gg_._orientation_vertical_n4azt_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "n4azt_gg_") /*__reshadow_css_end__*/, {
-  "__SDivider": "___SDivider_n4azt_gg_",
-  "_use_primary": "_use_primary_n4azt_gg_",
-  "--theme": "--theme_n4azt",
-  "_theme_default": "_theme_default_n4azt_gg_",
-  "_theme_invert": "_theme_invert_n4azt_gg_",
-  "_orientation_horizontal": "_orientation_horizontal_n4azt_gg_",
-  "_use_secondary": "_use_secondary_n4azt_gg_",
-  "_orientation_vertical": "_orientation_vertical_n4azt_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDivider_1wi00_gg_{display:block}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_{background-color:var(--theme_1wi00, var(--intergalactic-border-primary, #c4c7cf))}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background:var(--intergalactic-border-primary, #c4c7cf)}.___SDivider_1wi00_gg_._use_primary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-color:var(--intergalactic-border-primary-invert, #ffffff);opacity:.2}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background:linear-gradient(to right,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-image:linear-gradient(to right,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:5px 1px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_,.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_default_1wi00_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary, #c4c7cf) 3px,transparent 1px);background-size:1px 5px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_.___SDivider_1wi00_gg_._use_secondary_1wi00_gg_.___SDivider_1wi00_gg_._theme_invert_1wi00_gg_{background-image:linear-gradient(to bottom,var(--intergalactic-border-primary-invert, #ffffff) 3px,transparent 1px);opacity:.2;background-size:1px 5px}.___SDivider_1wi00_gg_._orientation_horizontal_1wi00_gg_{width:100%;height:1px}.___SDivider_1wi00_gg_._orientation_vertical_1wi00_gg_{width:1px;height:auto;min-height:100%;align-self:stretch;flex-shrink:0}" /*__inner_css_end__*/, "1wi00_gg_") /*__reshadow_css_end__*/, {
+  "__SDivider": "___SDivider_1wi00_gg_",
+  "_use_primary": "_use_primary_1wi00_gg_",
+  "--theme": "--theme_1wi00",
+  "_theme_default": "_theme_default_1wi00_gg_",
+  "_theme_invert": "_theme_invert_1wi00_gg_",
+  "_orientation_horizontal": "_orientation_horizontal_1wi00_gg_",
+  "_use_secondary": "_use_secondary_1wi00_gg_",
+  "_orientation_vertical": "_orientation_vertical_1wi00_gg_"
 });
 var Divider = /*#__PURE__*/function (_Component) {
   _inherits(Divider, _Component);

package/dot/lib/cjs/Dot.js

@@ -24,17 +24,17 @@ var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDot_i1hkc_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_i1hkc_gg_._size_xl_i1hkc_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_i1hkc_gg_._size_l_i1hkc_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_i1hkc_gg_._size_m_i1hkc_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_i1hkc_gg_.__up_i1hkc_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_i1hkc_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "i1hkc_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_i1hkc_gg_",
-  "_size_xl": "_size_xl_i1hkc_gg_",
-  "_size_l": "_size_l_i1hkc_gg_",
-  "_size_m": "_size_m_i1hkc_gg_",
-  "_up": "__up_i1hkc_gg_",
-  "__SA11yAlert": "___SA11yAlert_i1hkc_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDot_1e3g5_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_1e3g5_gg_._size_xl_1e3g5_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_1e3g5_gg_._size_l_1e3g5_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_1e3g5_gg_._size_m_1e3g5_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_1e3g5_gg_.__up_1e3g5_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_1e3g5_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "1e3g5_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1e3g5_gg_",
+  "_size_xl": "_size_xl_1e3g5_gg_",
+  "_size_l": "_size_l_1e3g5_gg_",
+  "_size_m": "_size_m_1e3g5_gg_",
+  "_up": "__up_1e3g5_gg_",
+  "__SA11yAlert": "___SA11yAlert_1e3g5_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_8ywv5{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_8ywv5{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "8ywv5_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_8ywv5",
-  "@exit": "exit_8ywv5"
+var styleDot = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_x6s6d{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_x6s6d{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "x6s6d_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_x6s6d",
+  "@exit": "exit_x6s6d"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Dot, _Component);

package/dot/lib/es6/Dot.js

@@ -18,17 +18,17 @@ import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
 /*__reshadow-styles__:"./style/dot.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_i1hkc_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_i1hkc_gg_._size_xl_i1hkc_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_i1hkc_gg_._size_l_i1hkc_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_i1hkc_gg_._size_m_i1hkc_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_i1hkc_gg_.__up_i1hkc_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_i1hkc_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "i1hkc_gg_") /*__reshadow_css_end__*/, {
-  "__SDot": "___SDot_i1hkc_gg_",
-  "_size_xl": "_size_xl_i1hkc_gg_",
-  "_size_l": "_size_l_i1hkc_gg_",
-  "_size_m": "_size_m_i1hkc_gg_",
-  "_up": "__up_i1hkc_gg_",
-  "__SA11yAlert": "___SA11yAlert_i1hkc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SDot_1e3g5_gg_{display:inline-flex;align-items:center;justify-content:center;font-size:var(--intergalactic-fs-50, 10px);line-height:normal;background-color:var(--intergalactic-icon-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff);box-sizing:border-box;z-index:1;border-radius:100%;vertical-align:middle;isolation:isolate}.___SDot_1e3g5_gg_._size_xl_1e3g5_gg_{height:16px;min-width:16px;padding:3px 4px;border-radius:var(--intergalactic-counter-rounded, 12px)}.___SDot_1e3g5_gg_._size_l_1e3g5_gg_{height:12px;min-width:12px;border-radius:100%}.___SDot_1e3g5_gg_._size_m_1e3g5_gg_{height:6px;min-width:6px;border-radius:100%}.___SDot_1e3g5_gg_.__up_1e3g5_gg_{position:absolute;top:0;right:0;margin-top:-3px;margin-right:-3px}.___SA11yAlert_1e3g5_gg_{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}" /*__inner_css_end__*/, "1e3g5_gg_") /*__reshadow_css_end__*/, {
+  "__SDot": "___SDot_1e3g5_gg_",
+  "_size_xl": "_size_xl_1e3g5_gg_",
+  "_size_l": "_size_l_1e3g5_gg_",
+  "_size_m": "_size_m_1e3g5_gg_",
+  "_up": "__up_1e3g5_gg_",
+  "__SA11yAlert": "___SA11yAlert_1e3g5_gg_"
 });
-var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_8ywv5{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_8ywv5{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "8ywv5_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_8ywv5",
-  "@exit": "exit_8ywv5"
+var styleDot = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_x6s6d{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes exit_x6s6d{0%{transform:scale(1)}to{transform:scale(0)}}" /*__inner_css_end__*/, "x6s6d_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_x6s6d",
+  "@exit": "exit_x6s6d"
 });
 var Dot = /*#__PURE__*/function (_Component) {
   _inherits(Dot, _Component);

package/drag-and-drop/lib/cjs/DragAndDrop.js

@@ -20,19 +20,24 @@ var _flexBox = require("intergalactic/flex-box");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _useEnhancedEffect = _interopRequireDefault(require("intergalactic/utils/lib/use/useEnhancedEffect"));
+var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/drag-and-drop.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDraggable_1qf30_gg_.__draggable_1qf30_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1qf30_gg_.__draggable_1qf30_gg_::after{content:\"\";position:absolute;display:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1qf30_gg_.__draggable_1qf30_gg_:hover::after{display:block}}.___SDraggable_1qf30_gg_.__draggable_1qf30_gg_.__hideHoverEffect_1qf30_gg_::after{display:none}.___SDraggable_1qf30_gg_._placement_top_1qf30_gg_{padding-top:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_1qf30_gg_._placement_right_1qf30_gg_{padding-right:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_1qf30_gg_._placement_right_1qf30_gg_::after{right:0}.___SDraggable_1qf30_gg_._placement_bottom_1qf30_gg_{padding-bottom:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_1qf30_gg_._placement_bottom_1qf30_gg_::after{bottom:0}.___SDraggable_1qf30_gg_._placement_left_1qf30_gg_{padding-left:var(--intergalactic-spacing-4x, 16px)}.___SDraggable_1qf30_gg_._placement_left_1qf30_gg_::after{left:0}.___SDraggable_1qf30_gg_._placement_top_1qf30_gg_::after{top:0;left:0;width:100%;height:16px}.___SDraggable_1qf30_gg_._placement_bottom_1qf30_gg_::after{left:0;width:100%;height:16px}.___SDraggable_1qf30_gg_._placement_left_1qf30_gg_::after,.___SDraggable_1qf30_gg_._placement_right_1qf30_gg_::after{top:0;width:16px;height:100%}.___SDropZone_1qf30_gg_{border:1px dashed var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-surface-rounded, 6px)}.___SDraggable_1qf30_gg_.__dropPreview_1qf30_gg_,.___SDropZone_1qf30_gg_.__dropPreview_1qf30_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1qf30_gg_.__dark_1qf30_gg_.__dropPreview_1qf30_gg_,.___SDropZone_1qf30_gg_.__dark_1qf30_gg_.__dropPreview_1qf30_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SA11yHint_1qf30_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}" /*__inner_css_end__*/, "1qf30_gg_") /*__reshadow_css_end__*/, {
-  "__SDraggable": "___SDraggable_1qf30_gg_",
-  "_placement_top": "_placement_top_1qf30_gg_",
-  "_placement_right": "_placement_right_1qf30_gg_",
-  "_placement_left": "_placement_left_1qf30_gg_",
-  "_placement_bottom": "_placement_bottom_1qf30_gg_",
-  "__SDropZone": "___SDropZone_1qf30_gg_",
-  "_dropPreview": "__dropPreview_1qf30_gg_",
-  "_dark": "__dark_1qf30_gg_",
-  "__SA11yHint": "___SA11yHint_1qf30_gg_",
-  "_draggable": "__draggable_1qf30_gg_",
-  "_hideHoverEffect": "__hideHoverEffect_1qf30_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SDraggable_1ff86_gg_.__draggable_1ff86_gg_{position:relative;cursor:grab;-moz-user-select:none;-webkit-user-select:none;user-select:none}.___SDraggable_1ff86_gg_.__draggable_1ff86_gg_::before{content:\"\";position:absolute;display:none;pointer-events:none;background-image:radial-gradient(circle at center,var(--intergalactic-icon-primary-neutral, #6c6e79) 1px,transparent 0);background-size:6px 6px;background-position:2px 2px;background-repeat:repeat repeat}@media (hover:hover){.___SDraggable_1ff86_gg_.__draggable_1ff86_gg_:hover::before{display:block}}.___SDraggable_1ff86_gg_.__draggable_1ff86_gg_.__hideHoverEffect_1ff86_gg_::before{display:none}.___SDraggable_1ff86_gg_._placement_right_1ff86_gg_::before{right:0}.___SDraggable_1ff86_gg_._placement_bottom_1ff86_gg_::before{bottom:0}.___SDraggable_1ff86_gg_._placement_left_1ff86_gg_::before{left:0}.___SDraggable_1ff86_gg_._placement_top_1ff86_gg_::before{top:0;left:0;width:100%;height:16px}.___SDraggable_1ff86_gg_._placement_bottom_1ff86_gg_::before{left:0;width:100%;height:16px}.___SDraggable_1ff86_gg_._placement_left_1ff86_gg_::before,.___SDraggable_1ff86_gg_._placement_right_1ff86_gg_::before{top:0;width:16px;height:100%}.___SDropZone_1ff86_gg_{position:relative}.___SDraggable_1ff86_gg_.__dropPreview_1ff86_gg_,.___SDropZone_1ff86_gg_.__dropPreview_1ff86_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___SDraggable_1ff86_gg_.__dark_1ff86_gg_.__dropPreview_1ff86_gg_,.___SDropZone_1ff86_gg_.__dark_1ff86_gg_.__dropPreview_1ff86_gg_{background-color:var(--intergalactic-bg-primary-invert-active, #484a54)}.___SDraggable_1ff86_gg_:focus{outline:0}.___SDraggable_1ff86_gg_.__keyboardFocused_1ff86_gg_:focus{box-shadow:none}.___SDraggable_1ff86_gg_.__keyboardFocused_1ff86_gg_:focus:after{position:absolute;display:block;content:\"\";top:3px;right:3px;bottom:3px;left:3px;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none}.___SDraggable_1ff86_gg_.__keyboardDragging_1ff86_gg_{scale:1.1;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);box-shadow:var(--intergalactic-box-shadow-dnd, 0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 12px 40px 0px rgba(25, 27, 35, 0.16))!important}.___SDraggable_1ff86_gg_.__keyboardDragging_1ff86_gg_.__hideHoverEffect_1ff86_gg_::before,.___SDraggable_1ff86_gg_.__keyboardDragging_1ff86_gg_::before{display:block}.___SDraggable_1ff86_gg_.__keyboardDragging_1ff86_gg_.__reversedScaling_1ff86_gg_{scale:.95}.___SDraggable_1ff86_gg_.__animatedScaling_1ff86_gg_{transition:all calc(var(--intergalactic-duration-extra-fast, 100)*1ms) ease-in-out}.___SA11yHint_1ff86_gg_{position:absolute;margin-top:-1px;height:1px;width:1px;clip:rect(0 0 0 0)}@media (prefers-reduced-motion:reduce){.___SDraggable_1ff86_gg_{transition:none}}" /*__inner_css_end__*/, "1ff86_gg_") /*__reshadow_css_end__*/, {
+  "__SDraggable": "___SDraggable_1ff86_gg_",
+  "_placement_top": "_placement_top_1ff86_gg_",
+  "_placement_right": "_placement_right_1ff86_gg_",
+  "_placement_left": "_placement_left_1ff86_gg_",
+  "_placement_bottom": "_placement_bottom_1ff86_gg_",
+  "__SDropZone": "___SDropZone_1ff86_gg_",
+  "_dropPreview": "__dropPreview_1ff86_gg_",
+  "_dark": "__dark_1ff86_gg_",
+  "_keyboardFocused": "__keyboardFocused_1ff86_gg_",
+  "_keyboardDragging": "__keyboardDragging_1ff86_gg_",
+  "_reversedScaling": "__reversedScaling_1ff86_gg_",
+  "_animatedScaling": "__animatedScaling_1ff86_gg_",
+  "__SA11yHint": "___SA11yHint_1ff86_gg_",
+  "_draggable": "__draggable_1ff86_gg_",
+  "_hideHoverEffect": "__hideHoverEffect_1ff86_gg_"
 });
 var noop = function noop() {
   /* do nothing */
@@ -54,10 +59,13 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
       items: [],
       dragging: null,
-      previewSwap: null,
+      dragOver: null,
       hideHoverEffect: false,
       // https://stackoverflow.com/questions/67118739/hover-effect-reset-when-hovering-over-other-letters
-      a11yHint: null
+      a11yHint: null,
+      keyboardDraggingIndex: null,
+      animatedScaling: null,
+      reversedScaling: false
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemDragStart", function (index) {
       var items = _this.state.items;
@@ -71,7 +79,7 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       });
       var itemsCount = zonedItems.length;
       var itemPosition = zonedItems.findIndex(function (i) {
-        return (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
+        return (i === null || i === void 0 ? void 0 : i.node) === currentItem.node || (i === null || i === void 0 ? void 0 : i.id) && (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
       });
       var a11yHint = getI18nText(zoneName ? 'grabbedWithZone' : 'grabbed', {
         itemText: itemText,
@@ -95,8 +103,9 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       event.preventDefault();
       _this.setState({
         dragging: null,
-        previewSwap: null
-        // hideHoverEffect: true
+        dragOver: null,
+        reversedScaling: false,
+        keyboardDraggingIndex: null
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemDragOver", function (event) {
@@ -121,7 +130,7 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       });
       var itemsCount = zonedItems.length;
       var itemPosition = zonedItems.findIndex(function (i) {
-        return (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
+        return (i === null || i === void 0 ? void 0 : i.node) === currentItem.node || (i === null || i === void 0 ? void 0 : i.id) && (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
       });
       var i18nKey = !zoneName ? 'grabbing' : currentItem.isDropZone ? 'grabbingJustWithZone' : 'grabbingFullWithZone';
       var a11yHint = getI18nText(i18nKey, {
@@ -131,20 +140,19 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
         zoneName: zoneName || ''
       });
       if (itemIndex === ((_this$state$dragging = _this.state.dragging) === null || _this$state$dragging === void 0 ? void 0 : _this$state$dragging.index)) _this.setState({
-        previewSwap: null,
+        dragOver: null,
         a11yHint: a11yHint
       });else _this.setState({
-        previewSwap: itemIndex,
+        dragOver: itemIndex,
         a11yHint: a11yHint
       });
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getSwapPreview", function (index) {
-      var _this$state$items$_th, _this$state$items$_th2, _this$state$items$_th3;
+      var _this$state$items$pre;
       if (!_this.state.dragging) return null;
-      if (_this.state.previewSwap === null) return null;
-      if (((_this$state$items$_th = _this.state.items[_this.state.previewSwap]) === null || _this$state$items$_th === void 0 ? void 0 : _this$state$items$_th.draggingAllowed) === false) return null;
-      if (_this.state.previewSwap === index) return (_this$state$items$_th2 = _this.state.items[_this.state.dragging.index]) === null || _this$state$items$_th2 === void 0 ? void 0 : _this$state$items$_th2.children;
-      if (_this.state.previewSwap !== null && index === _this.state.dragging.index) return (_this$state$items$_th3 = _this.state.items[_this.state.previewSwap]) === null || _this$state$items$_th3 === void 0 ? void 0 : _this$state$items$_th3.children;
+      var previewIndex = _this.preview[index];
+      if (typeof previewIndex !== 'number') return null;
+      return (_this$state$items$pre = _this.state.items[previewIndex]) === null || _this$state$items$pre === void 0 ? void 0 : _this$state$items$pre.children;
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemDrop", function (index) {
       var _this$asProps = _this.asProps,
@@ -166,7 +174,7 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       });
       var itemsCount = zonedItems.length;
       var itemPosition = zonedItems.findIndex(function (i) {
-        return (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
+        return (i === null || i === void 0 ? void 0 : i.node) === currentItem.node || (i === null || i === void 0 ? void 0 : i.id) && (i === null || i === void 0 ? void 0 : i.id) === currentItem.id;
       });
       var i18nKey = !zoneName ? 'dropped' : currentItem.isDropZone ? 'droppedJustWithZone' : 'droppedFullWithZone';
       var a11yHint = getI18nText(i18nKey, {
@@ -178,8 +186,10 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       _this.setState({
         a11yHint: a11yHint,
         dragging: null,
-        previewSwap: null,
-        hideHoverEffect: true
+        dragOver: null,
+        keyboardDraggingIndex: null,
+        hideHoverEffect: true,
+        reversedScaling: false
       });
       if (dragging && items[dragging.index]) {
         var fromNode = items[dragging.index];
@@ -209,24 +219,64 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
         hideHoverEffect: false
       });
     });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "updateItemScaling", function () {
+      var _this$state$items$;
+      var firstItemNode = (_this$state$items$ = _this.state.items[0]) === null || _this$state$items$ === void 0 ? void 0 : _this$state$items$.node;
+      if (!firstItemNode) return;
+      if (_this.state.reversedScaling) return;
+      var firstItemRect = firstItemNode.getBoundingClientRect();
+      var reversedScaling = false;
+      var parent = firstItemNode.parentElement;
+      while (parent && parent !== document.body) {
+        var computedStyle = getComputedStyle(parent);
+        var rect = parent.getBoundingClientRect();
+        if (computedStyle.overflow !== 'visible') {
+          if (rect.left >= firstItemRect.left || rect.right <= firstItemRect.right || rect.top >= firstItemRect.top || rect.bottom <= firstItemRect.bottom) {
+            reversedScaling = true;
+            break;
+          }
+        } else {
+          if (rect.left < firstItemRect.left && rect.right > firstItemRect.right && rect.top < firstItemRect.top && rect.bottom > firstItemRect.bottom) {
+            break;
+          }
+        }
+        parent = parent.parentElement;
+      }
+      if (_this.state.reversedScaling !== reversedScaling) {
+        _this.setState({
+          reversedScaling: reversedScaling
+        });
+      }
+    });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemKeyDown", function (event, index) {
       if (event.key === ' ') {
+        var _this$state$items$ind;
         event.preventDefault();
         event.stopPropagation();
         if (_this.state.dragging) {
-          var previewSwap = _this.state.previewSwap;
+          var dragOver = _this.state.dragOver;
+          var prevIndex = _this.state.dragging.index;
           _this.handleItemDrop(index);
           _this.setState({
             dragging: null,
-            previewSwap: null,
+            dragOver: null,
+            keyboardDraggingIndex: null,
+            animatedScaling: index,
             hideHoverEffect: true
           });
-          setTimeout(function () {
-            var _this$state$items;
-            (_this$state$items = _this.state.items[previewSwap]) === null || _this$state$items === void 0 ? void 0 : _this$state$items.node.focus();
-          }, 0);
-        } else {
+          requestAnimationFrame(function () {
+            var _this$state$items$pre2, _this$state$items;
+            var prevIndexNode = (_this$state$items$pre2 = _this.state.items[prevIndex]) === null || _this$state$items$pre2 === void 0 ? void 0 : _this$state$items$pre2.node;
+            if (prevIndexNode !== document.activeElement) return;
+            (_this$state$items = _this.state.items[dragOver]) === null || _this$state$items === void 0 ? void 0 : _this$state$items.node.focus();
+          });
+        } else if ((_this$state$items$ind = _this.state.items[index]) !== null && _this$state$items$ind !== void 0 && _this$state$items$ind.draggingAllowed) {
           _this.handleItemDragStart(index);
+          _this.setState({
+            keyboardDraggingIndex: index,
+            animatedScaling: index
+          });
+          _this.updateItemScaling();
         }
         return false;
       } else if (event.key === 'Escape' && _this.state.dragging) {
@@ -237,17 +287,49 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
         _this.setState({
           a11yHint: a11yHint,
           dragging: null,
-          previewSwap: null,
+          dragOver: null,
+          keyboardDraggingIndex: null,
           hideHoverEffect: true
         });
         return false;
+      } else if (event.key.startsWith('Arrow')) {
+        if (_this.state.animatedScaling !== null) {
+          _this.setState({
+            animatedScaling: null
+          });
+        }
+        var item = _this.state.items[index];
+        if ((item === null || item === void 0 ? void 0 : item.node) !== document.activeElement) return;
+        event.preventDefault();
+        requestAnimationFrame(function () {
+          var _this$state$items$nex;
+          if ((item === null || item === void 0 ? void 0 : item.node) !== document.activeElement) return;
+          var rects = _this.state.items.map(function (item) {
+            return item === null || item === void 0 ? void 0 : item.node.getBoundingClientRect();
+          }).map(function (rect) {
+            return {
+              top: Math.round(rect.top),
+              right: Math.round(rect.right),
+              bottom: Math.round(rect.bottom),
+              left: Math.round(rect.left)
+            };
+          });
+          var nextIndex = findNextRectangleIndex(rects, rects[index], event.key);
+          if (nextIndex === -1) {
+            var indexDiff = event.key === 'ArrowUp' || event.key === 'ArrowLeft' ? -1 : 1;
+            nextIndex = index + indexDiff;
+          }
+          (_this$state$items$nex = _this.state.items[nextIndex]) === null || _this$state$items$nex === void 0 ? void 0 : _this$state$items$nex.node.focus();
+        });
       }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleItemFocus", function (index) {
       if (!_this.state.dragging) return;
       _this.setState({
-        previewSwap: index
+        dragOver: index,
+        keyboardDraggingIndex: index
       });
+      _this.updateItemScaling();
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "makeItemDragStartHandler", function (index) {
       return function () {
@@ -317,7 +399,7 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
       var itemIndex = customFocus;
       if (typeof itemIndex === 'string') {
         itemIndex = _this.state.items.findIndex(function (item) {
-          return (item === null || item === void 0 ? void 0 : item.id) === itemIndex;
+          return (item === null || item === void 0 ? void 0 : item.id) === customFocus;
         });
       }
       if (itemIndex === -1 || typeof itemIndex !== 'number') return undefined;
@@ -326,6 +408,21 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(DragAndDropRoot, [{
+    key: "preview",
+    get: function get() {
+      var _this$state$dragging2;
+      var dragging = (_this$state$dragging2 = this.state.dragging) === null || _this$state$dragging2 === void 0 ? void 0 : _this$state$dragging2.index;
+      var dragOver = this.state.dragOver;
+      if (typeof dragging !== 'number' || typeof dragOver !== 'number') return {};
+      var result = {};
+      var shift = dragging < dragOver ? 1 : -1;
+      for (var i = dragging; i !== dragOver; i += shift) {
+        result[i] = i + shift;
+      }
+      result[dragOver] = dragging;
+      return result;
+    }
+  }, {
     key: "getDraggableProps",
     value: function getDraggableProps(_, index) {
       return {
@@ -338,10 +435,13 @@ var DragAndDropRoot = /*#__PURE__*/function (_Component) {
         onMouseMove: this.handleItemMouseMove,
         onKeyDown: this.makeItemKeyDownHandler(index),
         onFocus: this.makeItemFocusHandler(index),
-        dropPreview: index === this.state.previewSwap,
+        dropPreview: index === this.state.dragOver,
+        keyboardDragging: index === this.state.keyboardDraggingIndex,
+        reversedScaling: this.state.reversedScaling,
         dark: this.asProps.theme === 'dark',
         swapPreview: this.getSwapPreview(index),
-        hideHoverEffect: this.state.hideHoverEffect
+        hideHoverEffect: this.state.hideHoverEffect,
+        animatedScaling: index === this.state.animatedScaling
       };
     }
   }, {
@@ -438,10 +538,61 @@ var Draggable = function Draggable(props) {
   return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDraggable, _ref5.cn("SDraggable", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "ref": ref,
     "draggable": !noDrag,
-    "tabIndex": 0,
     "placement": placement
   }, _ref2))), swapPreview ? swapPreview : /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})));
 };
+Draggable.enhance = [(0, _keyboardFocusEnhance["default"])()];
+var findNextRectangleIndex = function findNextRectangleIndex(rectangles, current, direction) {
+  var candidate = null;
+  var minDistance = Infinity;
+  for (var i = 0; i < rectangles.length; i++) {
+    var rect = rectangles[i];
+    if (!rect) continue;
+    if (rect === current) continue;
+    var verticallyOverlaps = current.top <= rect.bottom && current.bottom >= rect.top;
+    var horizontallyOverlaps = current.left <= rect.right && current.right >= rect.left;
+    if (!verticallyOverlaps && !horizontallyOverlaps) continue;
+    switch (direction) {
+      case 'ArrowRight':
+        {
+          if (!verticallyOverlaps) continue;
+          var distance = rect.left - current.right;
+          if (distance < 0 || distance >= minDistance) continue;
+          candidate = rect;
+          minDistance = distance;
+          break;
+        }
+      case 'ArrowLeft':
+        {
+          if (!verticallyOverlaps) continue;
+          var _distance = current.left - rect.right;
+          if (_distance < 0 || _distance >= minDistance) continue;
+          candidate = rect;
+          minDistance = _distance;
+          break;
+        }
+      case 'ArrowUp':
+        {
+          if (!horizontallyOverlaps) continue;
+          var _distance2 = current.top - rect.bottom;
+          if (_distance2 < 0 || _distance2 >= minDistance) continue;
+          candidate = rect;
+          minDistance = _distance2;
+          break;
+        }
+      case 'ArrowDown':
+        {
+          if (!horizontallyOverlaps) continue;
+          var _distance3 = rect.top - current.bottom;
+          if (_distance3 < 0 || _distance3 >= minDistance) continue;
+          candidate = rect;
+          minDistance = _distance3;
+          break;
+        }
+    }
+  }
+  return rectangles.indexOf(candidate);
+};
 var DropZone = function DropZone(props) {
   var _ref3 = arguments[0],
     _ref6;