@pingux/astro 2.160.1-alpha.2 → 2.160.1-alpha.4

package/lib/styles/themes/next-gen/variants/rangeCalendar.js

@@ -0,0 +1,91 @@
+var calendarBody = {
+  py: 'sm',
+  borderTop: '1px solid',
+  borderTopColor: 'border.base',
+  backgroundColor: 'backgroundBase',
+  '& > tr:nth-of-type(odd) ': {
+    backgroundColor: 'backgroundBase'
+  }
+};
+var calendarButton = {
+  height: '31px',
+  width: '31px',
+  fontWeight: '2',
+  borderRadius: '50%',
+  color: 'text.primary',
+  '&.is-hovered': {
+    bg: 'active',
+    color: 'white',
+    cursor: 'pointer'
+  },
+  '&.is-selected': {
+    bg: 'lightteal',
+    '&.is-hovered': {
+      bg: 'active',
+      color: 'white'
+    }
+  },
+  '&.is-range-ends': {
+    bg: 'active',
+    color: 'white',
+    outline: 'none',
+    boxShadow: 'none'
+  },
+  '&.is-selection-start': {
+    borderRadius: '50%'
+  },
+  '&.is-selection-end': {
+    borderRadius: '50%'
+  },
+  '&.is-start-and-end': {
+    borderRadius: '50%'
+  },
+  '&.is-focused': {
+    outline: '2px',
+    outlineStyle: 'solid',
+    outlineColor: 'focus',
+    outlineOffset: '2px'
+  },
+  '&.is-unavailable': {
+    backgroundColor: 'gray-300',
+    color: 'text.primary'
+  },
+  '&:not(.is-outside-visible-range)&.is-extreme&:not(.is-completely-disabled)': {
+    backgroundColor: 'gray-300',
+    color: 'text.primary',
+    opacity: 1
+  },
+  '&.is-disabled': {
+    '&.is-hovered': {
+      color: 'gray-900',
+      backgroundColor: 'unset'
+    }
+  }
+};
+var calendarCell = {
+  height: '36px'
+};
+var columnHeader = {
+  color: 'text.primary'
+};
+var calendarContainer = {
+  width: '611px',
+  textAlign: 'center',
+  color: 'backgroundBase',
+  border: '1px solid',
+  borderColor: 'border.base',
+  boxShadow: 'standard',
+  borderRadius: '16px',
+  p: 'sm'
+};
+var calendarRow = {
+  bg: 'backgroundBase'
+};
+export default {
+  calendarBody: calendarBody,
+  calendarButton: calendarButton,
+  calendarCell: calendarCell,
+  calendarContainer: calendarContainer,
+  columnHeader: columnHeader,
+  calendarRow: calendarRow
+};

package/lib/styles/themes/next-gen/variants/switch.js

@@ -2,7 +2,7 @@ export var switchable = {
   container: {
     minWidth: '32px',
     color: 'neutral.80',
-    bg: 'background.base',
+    bg: 'backgroundBase',
     border: '1px solid',
     borderColor: 'neutral.80',
     borderRadius: 9999,

package/lib/styles/themes/next-gen/variants/variants.js

@@ -27,6 +27,7 @@ import { navBar } from './navbar';
 import panelHeader from './panelHeader';
 import popoverMenu from './popoverMenu';
 import prompt from './prompt';
+import rangeCalendar from './rangeCalendar';
 import response from './response';
 import searchNav from './searchNav';
 import stepper from './stepper';
@@ -417,6 +418,7 @@ export default {
   popoverMenu: popoverMenu,
   progressBar: progressBar,
   prompt: prompt,
+  rangeCalendar: rangeCalendar,
   response: response,
   rockerButton: rockerButton,
   searchNav: searchNav,