@iress-oss/ids-components 5.16.0 → 6.0.0-alpha.0

package/dist/src/styled-system/types/conditions.d.ts

@@ -0,0 +1,334 @@
+/* eslint-disable */
+import type { AnySelector, Selectors } from './selectors';
+
+export interface Conditions {
+	/** `&:is(:hover, [data-hover])` */
+	"_hover": string
+	/** `&:is(:focus, [data-focus])` */
+	"_focus": string
+	/** `&:focus-within` */
+	"_focusWithin": string
+	/** `&:is(:focus-visible, [data-focus-visible])` */
+	"_focusVisible": string
+	/** `&:is(:disabled, [disabled], [data-disabled])` */
+	"_disabled": string
+	/** `&:is(:active, [data-active])` */
+	"_active": string
+	/** `&:visited` */
+	"_visited": string
+	/** `&:target` */
+	"_target": string
+	/** `&:is(:read-only, [data-read-only])` */
+	"_readOnly": string
+	/** `&:read-write` */
+	"_readWrite": string
+	/** `&:is(:empty, [data-empty])` */
+	"_empty": string
+	/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */
+	"_checked": string
+	/** `&:enabled` */
+	"_enabled": string
+	/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */
+	"_expanded": string
+	/** `&[data-highlighted]` */
+	"_highlighted": string
+	/** `&[data-complete]` */
+	"_complete": string
+	/** `&[data-incomplete]` */
+	"_incomplete": string
+	/** `&[data-dragging]` */
+	"_dragging": string
+	/** `&::before` */
+	"_before": string
+	/** `&::after` */
+	"_after": string
+	/** `&::first-letter` */
+	"_firstLetter": string
+	/** `&::first-line` */
+	"_firstLine": string
+	/** `&::marker` */
+	"_marker": string
+	/** `&::selection` */
+	"_selection": string
+	/** `&::file-selector-button` */
+	"_file": string
+	/** `&::backdrop` */
+	"_backdrop": string
+	/** `&:first-child` */
+	"_first": string
+	/** `&:last-child` */
+	"_last": string
+	/** `&:only-child` */
+	"_only": string
+	/** `&:nth-child(even)` */
+	"_even": string
+	/** `&:nth-child(odd)` */
+	"_odd": string
+	/** `&:first-of-type` */
+	"_firstOfType": string
+	/** `&:last-of-type` */
+	"_lastOfType": string
+	/** `&:only-of-type` */
+	"_onlyOfType": string
+	/** `.peer:is(:focus, [data-focus]) ~ &` */
+	"_peerFocus": string
+	/** `.peer:is(:hover, [data-hover]) ~ &` */
+	"_peerHover": string
+	/** `.peer:is(:active, [data-active]) ~ &` */
+	"_peerActive": string
+	/** `.peer:focus-within ~ &` */
+	"_peerFocusWithin": string
+	/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
+	"_peerFocusVisible": string
+	/** `.peer:is(:disabled, [disabled], [data-disabled]) ~ &` */
+	"_peerDisabled": string
+	/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
+	"_peerChecked": string
+	/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
+	"_peerInvalid": string
+	/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */
+	"_peerExpanded": string
+	/** `.peer:placeholder-shown ~ &` */
+	"_peerPlaceholderShown": string
+	/** `.group:is(:focus, [data-focus]) &` */
+	"_groupFocus": string
+	/** `.group:is(:hover, [data-hover]) &` */
+	"_groupHover": string
+	/** `.group:is(:active, [data-active]) &` */
+	"_groupActive": string
+	/** `.group:focus-within &` */
+	"_groupFocusWithin": string
+	/** `.group:is(:focus-visible, [data-focus-visible]) &` */
+	"_groupFocusVisible": string
+	/** `.group:is(:disabled, [disabled], [data-disabled]) &` */
+	"_groupDisabled": string
+	/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
+	"_groupChecked": string
+	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
+	"_groupExpanded": string
+	/** `.group:is(:invalid, [data-invalid]) &` */
+	"_groupInvalid": string
+	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
+	"_indeterminate": string
+	/** `&:is(:required, [data-required], [aria-required=true])` */
+	"_required": string
+	/** `&:is(:valid, [data-valid])` */
+	"_valid": string
+	/** `&:is(:invalid, [data-invalid])` */
+	"_invalid": string
+	/** `&:autofill` */
+	"_autofill": string
+	/** `&:is(:in-range, [data-in-range])` */
+	"_inRange": string
+	/** `&:is(:out-of-range, [data-outside-range])` */
+	"_outOfRange": string
+	/** `&::placeholder, &[data-placeholder]` */
+	"_placeholder": string
+	/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
+	"_placeholderShown": string
+	/** `&:is([aria-pressed=true], [data-pressed])` */
+	"_pressed": string
+	/** `&:is([aria-selected=true], [data-selected])` */
+	"_selected": string
+	/** `&:is([aria-grabbed=true], [data-grabbed])` */
+	"_grabbed": string
+	/** `&[data-state=under-value]` */
+	"_underValue": string
+	/** `&[data-state=over-value]` */
+	"_overValue": string
+	/** `&[data-state=at-value]` */
+	"_atValue": string
+	/** `&:default` */
+	"_default": string
+	/** `&:optional` */
+	"_optional": string
+	/** `&:is([open], [data-open], [data-state="open"])` */
+	"_open": string
+	/** `&:is([closed], [data-closed], [data-state="closed"])` */
+	"_closed": string
+	/** `&:is(:fullscreen, [data-fullscreen])` */
+	"_fullscreen": string
+	/** `&:is([data-loading], [aria-busy=true])` */
+	"_loading": string
+	/** `&:is([hidden], [data-hidden])` */
+	"_hidden": string
+	/** `&:is([aria-current=true], [data-current])` */
+	"_current": string
+	/** `&[aria-current=page]` */
+	"_currentPage": string
+	/** `&[aria-current=step]` */
+	"_currentStep": string
+	/** `&[data-today]` */
+	"_today": string
+	/** `&[data-unavailable]` */
+	"_unavailable": string
+	/** `&[data-range-start]` */
+	"_rangeStart": string
+	/** `&[data-range-end]` */
+	"_rangeEnd": string
+	/** `&[data-now]` */
+	"_now": string
+	/** `&[data-topmost]` */
+	"_topmost": string
+	/** `@media (prefers-reduced-motion: reduce)` */
+	"_motionReduce": string
+	/** `@media (prefers-reduced-motion: no-preference)` */
+	"_motionSafe": string
+	/** `@media print` */
+	"_print": string
+	/** `@media (orientation: landscape)` */
+	"_landscape": string
+	/** `@media (orientation: portrait)` */
+	"_portrait": string
+	/** `.dark &` */
+	"_dark": string
+	/** `.light &` */
+	"_light": string
+	/** `@media (prefers-color-scheme: dark)` */
+	"_osDark": string
+	/** `@media (prefers-color-scheme: light)` */
+	"_osLight": string
+	/** `@media (forced-colors: active)` */
+	"_highContrast": string
+	/** `@media (prefers-contrast: less)` */
+	"_lessContrast": string
+	/** `@media (prefers-contrast: more)` */
+	"_moreContrast": string
+	/** `[dir=ltr] &` */
+	"_ltr": string
+	/** `[dir=rtl] &` */
+	"_rtl": string
+	/** `&::-webkit-scrollbar` */
+	"_scrollbar": string
+	/** `&::-webkit-scrollbar-thumb` */
+	"_scrollbarThumb": string
+	/** `&::-webkit-scrollbar-track` */
+	"_scrollbarTrack": string
+	/** `&[data-orientation=horizontal]` */
+	"_horizontal": string
+	/** `&[data-orientation=vertical]` */
+	"_vertical": string
+	/** `& :where(svg)` */
+	"_icon": string
+	/** `@starting-style` */
+	"_starting": string
+	/** `& .iress-form-element:not(& .iress-form-element .iress-form-element), & .iress-form-element__inner:not(& .iress-form-element .iress-form-element)` */
+	"_nestedFormElements": string
+	/** `& .iress-form-label:not(.sr_true)` */
+	"_nestedFormLabels": string
+	/** `& > .iress-form-element` */
+	"_directNestedFormElements": string
+	/** `& > :has([class*="w_input"]), & > :has([class*="sizes.chevron.select"]), & > .iress-form-element` */
+	"_directNestedSizedElements": string
+	/** `& > .iress-form-element:not(:first-child), & > .iress-form-element:not(:first-child) .iress-form-element__inner, & .ids-field:not(:first-child) .iress-form-element, & .ids-field:not(:first-child) .iress-form-element__inner` */
+	"_nestedFieldsExceptFirst": string
+	/** `& > .iress-form-element:not(:last-child), & > .iress-form-element:not(:last-child) .iress-form-element__inner, & .ids-field:not(:last-child) .iress-form-element, & .ids-field:not(:last-child) .iress-form-element__inner` */
+	"_nestedFieldsExceptLast": string
+	/** `&::-webkit-progress-bar, &::-webkit-meter-bar` */
+	"_progressBar": string
+	/** `&::-webkit-progress-value, &::-webkit-meter-optimum-value, &::-webkit-meter-suboptimum-value` */
+	"_progressValue": string
+	/** `&::-moz-progress-bar, &::-moz-meter-bar` */
+	"_mozProgressValue": string
+	/** `&:focus-visible::-webkit-slider-thumb` */
+	"_focusVisibleWebkitSliderThumb": string
+	/** `&:focus-visible::-moz-range-thumb` */
+	"_focusVisibleMozRangeThumb": string
+	/** `&::-webkit-slider-thumb` */
+	"_webkitSliderThumb": string
+	/** `&::-moz-range-thumb` */
+	"_mozRangeThumb": string
+	/** `&::-webkit-slider-runnable-track` */
+	"_webkitSliderRunnableTrack": string
+	/** `&::-moz-range-track` */
+	"_mozRangeTrack": string
+	/** `& > h1, & > h2, & > h3, & > h4, & > h5, & > h6` */
+	"_directNestedHeadings": string
+	/** `& + h1, & + h2, & + h3, & + h4, & + h5, & + h6` */
+	"_siblingHeadings": string
+	/** `& h1:not(.ids-text), & h2:not(.ids-text), & h3:not(.ids-text), & h4:not(.ids-text), & h5:not(.ids-text), & h6:not(.ids-text)` */
+	"_nestedHeadings": string
+	/** `@media screen and (min-width: 0rem)` */
+	"xs": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 35.9975rem)` */
+	"xsOnly": string
+	/** `@media screen and (max-width: -0.0025rem)` */
+	"xsDown": string
+	/** `@media screen and (min-width: 36rem)` */
+	"sm": string
+	/** `@media screen and (min-width: 36rem) and (max-width: 47.9975rem)` */
+	"smOnly": string
+	/** `@media screen and (max-width: 35.9975rem)` */
+	"smDown": string
+	/** `@media screen and (min-width: 48rem)` */
+	"md": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+	"mdOnly": string
+	/** `@media screen and (max-width: 47.9975rem)` */
+	"mdDown": string
+	/** `@media screen and (min-width: 64rem)` */
+	"lg": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 74.9975rem)` */
+	"lgOnly": string
+	/** `@media screen and (max-width: 63.9975rem)` */
+	"lgDown": string
+	/** `@media screen and (min-width: 75rem)` */
+	"xl": string
+	/** `@media screen and (min-width: 75rem) and (max-width: 93.7475rem)` */
+	"xlOnly": string
+	/** `@media screen and (max-width: 74.9975rem)` */
+	"xlDown": string
+	/** `@media screen and (min-width: 93.75rem)` */
+	"xxl": string
+	/** `@media screen and (min-width: 93.75rem)` */
+	"xxlOnly": string
+	/** `@media screen and (max-width: 93.7475rem)` */
+	"xxlDown": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 35.9975rem)` */
+	"xsToSm": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 47.9975rem)` */
+	"xsToMd": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 63.9975rem)` */
+	"xsToLg": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 74.9975rem)` */
+	"xsToXl": string
+	/** `@media screen and (min-width: 0rem) and (max-width: 93.7475rem)` */
+	"xsToXxl": string
+	/** `@media screen and (min-width: 36rem) and (max-width: 47.9975rem)` */
+	"smToMd": string
+	/** `@media screen and (min-width: 36rem) and (max-width: 63.9975rem)` */
+	"smToLg": string
+	/** `@media screen and (min-width: 36rem) and (max-width: 74.9975rem)` */
+	"smToXl": string
+	/** `@media screen and (min-width: 36rem) and (max-width: 93.7475rem)` */
+	"smToXxl": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
+	"mdToLg": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 74.9975rem)` */
+	"mdToXl": string
+	/** `@media screen and (min-width: 48rem) and (max-width: 93.7475rem)` */
+	"mdToXxl": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 74.9975rem)` */
+	"lgToXl": string
+	/** `@media screen and (min-width: 64rem) and (max-width: 93.7475rem)` */
+	"lgToXxl": string
+	/** `@media screen and (min-width: 75rem) and (max-width: 93.7475rem)` */
+	"xlToXxl": string
+	/** The base (=no conditions) styles to apply  */
+	"base": string
+}
+
+export type ConditionalValue<V> =
+  | V
+  | Array<V | null>
+  | {
+      [K in keyof Conditions]?: ConditionalValue<V>
+    }
+
+export type Nested<P> = P & {
+  [K in Selectors]?: Nested<P>
+} & {
+  [K in AnySelector]?: Nested<P>
+} & {
+  [K in keyof Conditions]?: Nested<P>
+}