@itcase/types 1.0.5 → 1.0.7

package/types/item/item.ts

@@ -0,0 +1,57 @@
+const itemProps = [
+  'accentItemPrimary',
+  'accentItemSecondary',
+  'accentItemTertiary',
+  'accentItemQuaternary',
+
+  'specialItemPrimary',
+  'specialItemSecondary',
+  'specialItemTertiary',
+  'specialItemQuaternary',
+
+  'extraItemPrimary',
+  'extraItemSecondary',
+  'extraItemTertiary',
+  'extraItemQuaternary',
+
+  'surfaceItemPrimary',
+  'surfaceItemSecondary',
+  'surfaceItemTertiary',
+  'surfaceItemQuaternary',
+
+  'errorItemPrimary',
+  'errorItemSecondary',
+  'errorItemTertiary',
+  'errorItemQuaternary',
+
+  'warningItemPrimary',
+  'warningItemSecondary',
+  'warningItemTertiary',
+  'warningItemQuaternary',
+
+  'successItemPrimary',
+  'successItemSecondary',
+  'successItemTertiary',
+  'successItemQuaternary',
+
+  'infoItemPrimary',
+  'infoItemSecondary',
+  'infoItemTertiary',
+  'infoItemQuaternary',
+
+  'dangerItemPrimary',
+  'dangerItemSecondary',
+  'dangerItemTertiary',
+  'dangerItemQuaternary',
+
+  'disabledItemPrimary',
+  'disabledItemSecondary',
+  'disabledItemTertiary',
+  'disabledItemQuaternary',
+
+  'none',
+] as const
+
+export type ItemProps = (typeof itemProps)[number]
+
+export { itemProps }

package/types/option.ts

@@ -0,0 +1,29 @@
+/**
+ * Represents a basic option item, typically used in select or dropdown components.
+ *
+ * `label` — the text displayed to the user.
+ * `value` — the underlying value associated with this option (e.g., id, key).
+ */
+type Option = {
+  label: string
+  value: string
+}
+
+/**
+ * A customizable version of `Option` that can be extended with additional fields.
+ *
+ * @template T - Additional properties to extend the base Option type.
+ *
+ * Example usage:
+ * ```ts
+ * type SelectOption = CustomOption<{ appearance: string }>;
+ *
+ * const options: SelectOption[] = [
+ *   { label: 'Полная версия 1 месяц', value: 'Month1', appearance: 'accentPrimary sizeXL' },
+ *   { label: 'Полная версия 3 месяца', value: 'Month2', appearance: 'surfacePrimary sizeXL' },
+ * ];
+ * ```
+ */
+type CustomOption<T = unknown> = Readonly<Option & T>
+
+export type { Option, CustomOption }

package/types/{resizeMode.ts → resizeMode/resizeMode.ts}

@@ -1,10 +1,4 @@
-const resizeModeProps = [
-  'cover',
-  'contain',
-  'stretch',
-  'center',
-  'caption-back',
-] as const
+const resizeModeProps = ['cover', 'contain', 'stretch', 'center'] as const
 
 export type ResizeModeProps = (typeof resizeModeProps)[number]
 

package/types/shape/index.ts

@@ -0,0 +1 @@
+export * from './shape'

package/types/shape/shape.ts

@@ -0,0 +1,13 @@
+const shapeProps = [
+  'circular',
+  'rounded',
+  'roundedS',
+  'roundedM',
+  'roundedL',
+  'roundedXL',
+] as const
+
+type ShapeProps = (typeof shapeProps)[number]
+
+export { shapeProps }
+export type { ShapeProps }

package/types/size/index.ts

@@ -1,3 +1,3 @@
 export * from './size'
-export * from './sizeOption'
 export * from './sizePX'
+export * from './titleSize'

package/types/style/index.ts

@@ -0,0 +1 @@
+export * from './style'

package/types/style/style.ts

@@ -0,0 +1,6 @@
+const styleProps = ['solid', 'outlined', 'full', 'ghost'] as const
+
+type StyleProps = (typeof styleProps)[number]
+
+export { styleProps }
+export type { StyleProps }

package/types/text/index.ts

@@ -1,10 +1,5 @@
-export * from './textAlign'
 export * from './textColor'
 export * from './textColorActive'
 export * from './textColorHover'
-export * from './textGradient'
 export * from './textSize'
-export * from './textStyle'
 export * from './textTag'
-export * from './textWeight'
-export * from './textWrap'

package/types/text/textColor.ts

@@ -2,37 +2,52 @@ const textColorProps = [
   'accentTextPrimary',
   'accentTextSecondary',
   'accentTextTertiary',
+  'accentTextQuaternary',
 
-  'primaryTextPrimary',
-  'primaryTextSecondary',
-  'primaryTextTertiary',
+  'specialTextPrimary',
+  'specialTextSecondary',
+  'specialTextTertiary',
+  'specialTextQuaternary',
 
-  'secondaryTextPrimary',
-  'secondaryTextSecondary',
-  'secondaryTextTertiary',
+  'extraTextPrimary',
+  'extraTextSecondary',
+  'extraTextTertiary',
+  'extraTextQuaternary',
 
-  'tertiaryTextPrimary',
-  'tertiaryTextSecondary',
-
-  'surfaceTextAccent',
-  'surfaceTextActive',
-  'surfaceTextDisabled',
-  'surfaceTextFocus',
-  'surfaceTextHover',
-  'surfaceTextInverse',
   'surfaceTextPrimary',
-  'surfaceTextQuaternary',
   'surfaceTextSecondary',
   'surfaceTextTertiary',
+  'surfaceTextQuaternary',
 
   'errorTextPrimary',
   'errorTextSecondary',
+  'errorTextTertiary',
+  'errorTextQuaternary',
+
+  'warningTextPrimary',
+  'warningTextSecondary',
+  'warningTextTertiary',
+  'warningTextQuaternary',
 
   'successTextPrimary',
   'successTextSecondary',
+  'successTextTertiary',
+  'successTextQuaternary',
+
+  'infoTextPrimary',
+  'infoTextSecondary',
+  'infoTextTertiary',
+  'infoTextQuaternary',
 
   'dangerTextPrimary',
   'dangerTextSecondary',
+  'dangerTextTertiary',
+  'dangerTextQuaternary',
+
+  'disabledTextPrimary',
+  'disabledTextSecondary',
+  'disabledTextTertiary',
+  'disabledTextQuaternary',
 ] as const
 
 export type TextColorProps = (typeof textColorProps)[number]

package/types/appearanceKeys.ts

@@ -1,43 +0,0 @@
-import type { SizeProps } from './size'
-
-type AppearanceKeysDefault =
-  | 'accent'
-  | 'accentPrimary'
-  | 'accentQuaternary'
-  | 'accentSecondary'
-  | 'accentTertiary'
-  | 'any'
-  | 'cantLoadData'
-  | 'confirm'
-  | 'custom'
-  | 'default'
-  | 'disabled'
-  | 'error'
-  | 'fail'
-  | 'full'
-  | 'ghost'
-  | 'gradientPrimary'
-  | 'nothingFound'
-  | 'outlined'
-  | 'primary'
-  | 'refresh'
-  | 'search'
-  | 'secondary'
-  | 'solid'
-  | 'success'
-  | 'surface'
-  | 'surfaceDisabled'
-  | 'surfacePrimary'
-  | 'surfaceQuaternary'
-  | 'surfaceSecondary'
-  | 'surfaceTertiary'
-  | 'unableLoadData'
-  | 'warning'
-
-type SizeAppearanceKey = `size${Uppercase<SizeProps>}`
-
-type CompositeAppearanceKey =
-  | `${AppearanceKeysDefault} ${SizeAppearanceKey}`
-  | AppearanceKeysDefault
-
-export type { AppearanceKeysDefault, CompositeAppearanceKey, SizeAppearanceKey }

package/types/border/borderColorHover.ts

@@ -1,18 +0,0 @@
-const borderColorHoverProps = [
-  'accentBorderPrimary',
-  'accentBorderPrimaryHover',
-  'primaryBorderPrimary',
-  'secondaryBorderPrimary',
-  'tertiaryBorderPrimary',
-  'surfaceBorderPrimary',
-  'surfaceBorderSecondary',
-  'surfaceBorderTertiary',
-  'errorBorderPrimary',
-  'errorBorderPrimaryHover',
-  'successBorderPrimary',
-  'surfaceBorderQuaternary',
-] as const
-
-export type BorderColorHoverProps = (typeof borderColorHoverProps)[number]
-
-export { borderColorHoverProps }

package/types/fill/fillHover.ts

@@ -1,20 +0,0 @@
-const fillHoverProps = [
-  'accentPrimaryHover',
-  'accentSecondary',
-  'accentSecondaryHover',
-  'accentTertiary',
-
-  'primaryPrimaryHover',
-
-  'secondaryPrimaryHover',
-
-  'surfaceItemTertiary',
-  'surfacePrimaryHover',
-  'surfaceSecondaryHover',
-  'surfaceTertiary',
-  'surfaceTertiaryHover',
-] as const
-
-export type FillHoverProps = (typeof fillHoverProps)[number]
-
-export { fillHoverProps }

package/types/fill/fillType.ts

@@ -1,5 +0,0 @@
-const fillTypeProps = ['full', 'solid', 'outlined', 'ghost'] as const
-
-export type FillTypeProps = (typeof fillTypeProps)[number]
-
-export { fillTypeProps }

package/types/flex/flexAlign.ts

@@ -1,12 +0,0 @@
-const flexAlignProps = [
-  'stretch',
-  'flex-start',
-  'flex-end',
-  'center',
-  'baseline',
-  'auto',
-] as const
-
-export type FlexAlignProps = (typeof flexAlignProps)[number]
-
-export { flexAlignProps }

package/types/flex/flexGrow.ts

@@ -1,5 +0,0 @@
-const flexGrowProps = ['0', '1'] as const
-
-export type FlexGrowProps = (typeof flexGrowProps)[number]
-
-export { flexGrowProps }

package/types/flex/flexJustifyContent.ts

@@ -1,12 +0,0 @@
-const flexJustifyContentProps = [
-  'flex-start',
-  'flex-end',
-  'center',
-  'space-between',
-  'space-around',
-  'space-evenly',
-] as const
-
-export type FlexJustifyContentProps = (typeof flexJustifyContentProps)[number]
-
-export { flexJustifyContentProps }

package/types/flex/flexWrap.ts

@@ -1,5 +0,0 @@
-const flexWrapProps = ['wrap', 'nowrap', 'wrap-reverse'] as const
-
-export type FlexWrapProps = (typeof flexWrapProps)[number]
-
-export { flexWrapProps }

package/types/flex/index.ts

@@ -1,4 +0,0 @@
-export * from './flexAlign'
-export * from './flexGrow'
-export * from './flexJustifyContent'
-export * from './flexWrap'

package/types/grid/gridAlign.ts

@@ -1,23 +0,0 @@
-const gridAlignProps = [
-  'auto',
-  'normal',
-  'stretch',
-  'center',
-  'start',
-  'end',
-  'space-around',
-  'space-between',
-  'space-evenly',
-  'safe center',
-  'unsafe center',
-  'self-start',
-  'self-end',
-  'first',
-  'baseline',
-  'first baseline',
-  'last baseline',
-] as const
-
-export type GridAlignProps = (typeof gridAlignProps)[number]
-
-export { gridAlignProps }

package/types/grid/gridAlignSelf.ts

@@ -1,23 +0,0 @@
-const gridAlignSelfProps = [
-  'auto',
-  'normal',
-  'stretch',
-  'center',
-  'start',
-  'end',
-  'space-around',
-  'space-between',
-  'space-evenly',
-  'safe center',
-  'unsafe center',
-  'self-start',
-  'self-end',
-  'first',
-  'baseline',
-  'first baseline',
-  'last baseline',
-] as const
-
-export type GridAlignSelfProps = (typeof gridAlignSelfProps)[number]
-
-export { gridAlignSelfProps }

package/types/grid/gridJustifyItems.ts

@@ -1,24 +0,0 @@
-const gridJustifyItemsProps = [
-  'legacy',
-  'normal',
-  'stretch',
-  'center',
-  'safe',
-  'center',
-  'unsafe',
-  'center',
-  'start',
-  'end',
-  'self-start',
-  'self-end',
-  'left',
-  'right',
-  'first',
-  'baseline',
-  'first baseline',
-  'last baseline',
-] as const
-
-export type GridJustifyItemsProps = (typeof gridJustifyItemsProps)[number]
-
-export { gridJustifyItemsProps }

package/types/grid/gridJustifySelf.ts

@@ -1,28 +0,0 @@
-const gridJustifySelfProps = [
-  'auto',
-  'legacy',
-  'normal',
-  'stretch',
-  'center',
-  'start',
-  'end',
-  'left',
-  'right',
-  'space-around',
-  'space-between',
-  'space-evenly',
-  'safe',
-  'center',
-  'unsafe center',
-  'self-start',
-  'self-end',
-  'left',
-  'right',
-  'baseline',
-  'first baseline',
-  'last baseline',
-] as const
-
-export type GridJustifySelfProps = (typeof gridJustifySelfProps)[number]
-
-export { gridJustifySelfProps }

package/types/grid/index.ts

@@ -1,4 +0,0 @@
-export * from './gridAlign'
-export * from './gridAlignSelf'
-export * from './gridJustifyItems'
-export * from './gridJustifySelf'

package/types/horizontal/horizontalContentAlign.ts

@@ -1,6 +0,0 @@
-const horizontalContentAlignProps = ['center'] as const
-
-export type HorizontalContentAlignProps =
-  (typeof horizontalContentAlignProps)[number]
-
-export { horizontalContentAlignProps }

package/types/horizontal/horizontalResizeMode.ts

@@ -1,6 +0,0 @@
-const horizontalResizeModeProps = ['fixed', 'hug', 'fill'] as const
-
-export type HorizontalResizeModeProps =
-  (typeof horizontalResizeModeProps)[number]
-
-export { horizontalResizeModeProps }

package/types/horizontal/index.ts

@@ -1,2 +0,0 @@
-export * from './horizontalResizeMode'
-export * from './horizontalContentAlign'

package/types/icon/iconFillSize.ts

@@ -1,16 +0,0 @@
-const iconFillSizeProps = [
-  '10',
-  '14',
-  '16',
-  '24',
-  '32',
-  '36',
-  '40',
-  '60',
-  '64',
-  '144',
-] as const
-
-export type IconFillSizeProps = (typeof iconFillSizeProps)[number]
-
-export { iconFillSizeProps }

package/types/icon/iconSize.ts

@@ -1,17 +0,0 @@
-const iconSizeProps = [
-  '10',
-  '12',
-  '14',
-  '16',
-  '20',
-  '24',
-  '32',
-  '40',
-  '60',
-  '64',
-  '144',
-] as const
-
-export type IconSizeProps = (typeof iconSizeProps)[number]
-
-export { iconSizeProps }

package/types/icon/index.ts

@@ -1,2 +0,0 @@
-export * from './iconFillSize'
-export * from './iconSize'

package/types/itemColor.ts

@@ -1,39 +0,0 @@
-const itemColorProps = [
-  'accentItemPrimary',
-  'accentItemSecondary',
-  'accentItemTertiary',
-  'accentItemDisabled',
-
-  'primaryItemPrimary',
-  'primaryItemSecondary',
-  'primaryItemTertiary',
-  'primaryItemDisabled',
-
-  'secondaryItemPrimary',
-  'secondaryItemSecondary',
-  'secondaryItemTertiary',
-  'secondaryItemDisabled',
-
-  'tertiaryItemPrimary',
-  'tertiaryItemSecondary',
-  'tertiaryItemTertiary',
-
-  'surfaceItemPrimary',
-  'surfaceItemSecondary',
-  'surfaceItemTertiary',
-  'surfaceItemQuaternary',
-  'surfaceItemQuinary',
-  'surfaceItemDisabled',
-  'surfaceItemInverse',
-  'surfaceItemAccent',
-
-  'errorItemPrimary',
-  'errorItemSecondary',
-
-  'successItemPrimary',
-  'successItemSecondary',
-] as const
-
-export type ItemColorProps = (typeof itemColorProps)[number]
-
-export { itemColorProps }

package/types/overflow.ts

@@ -1,5 +0,0 @@
-const overflowProps = ['hidden', 'scroll', 'visible'] as const
-
-export type OverflowProps = (typeof overflowProps)[number]
-
-export { overflowProps }

package/types/shape.ts

@@ -1,5 +0,0 @@
-const shapeProps = ['rectangle', 'geometric', 'rounded', 'circular'] as const
-
-export type ShapeProps = (typeof shapeProps)[number]
-
-export { shapeProps }

package/types/size/sizeOption.ts

@@ -1,18 +0,0 @@
-const sizeOptionProps = [
-  'any',
-  'compact',
-  'l',
-  'large',
-  'm',
-  'normal',
-  'regular',
-  's',
-  'tiny',
-  'xl',
-  'xs',
-  'xxl',
-] as const
-
-export type SizeOptionProps = (typeof sizeOptionProps)[number]
-
-export { sizeOptionProps }

package/types/svgFill.ts

@@ -1,33 +0,0 @@
-const svgFillProps = [
-  'accentItemPrimary',
-  'accentItemSecondary',
-  'accentItemTertiary',
-  'accentItemDisabled',
-  'primaryItemPrimary',
-  'primaryItemSecondary',
-  'primaryItemTertiary',
-  'primaryItemDisabled',
-  'secondaryItemPrimary',
-  'secondaryItemSecondary',
-  'secondaryItemTertiary',
-  'secondaryItemDisabled',
-  'tertiaryItemPrimary',
-  'tertiaryItemSecondary',
-  'tertiaryItemTertiary',
-  'surfaceItemAccent',
-  'surfaceItemDisabled',
-  'surfaceItemInverse',
-  'surfaceItemPrimary',
-  'surfaceItemQuaternary',
-  'surfaceItemQuinary',
-  'surfaceItemSecondary',
-  'surfaceItemTertiary',
-  'errorItemPrimary',
-  'errorItemSecondary',
-  'successItemPrimary',
-  'successItemSecondary',
-] as const
-
-export type SvgFillProps = (typeof svgFillProps)[number]
-
-export { svgFillProps }

package/types/text/textAlign.ts

@@ -1,5 +0,0 @@
-const textAlignProps = ['left', 'center', 'right'] as const
-
-export type TextAlignProps = (typeof textAlignProps)[number]
-
-export { textAlignProps }

package/types/text/textGradient.ts

@@ -1,13 +0,0 @@
-const textGradientProps = [
-  'accent',
-  'primary',
-  'secondary',
-  'tertiary',
-  'surface',
-  'error',
-  'success',
-] as const
-
-export type TextGradientProps = (typeof textGradientProps)[number]
-
-export { textGradientProps }

package/types/text/textStyle.ts

@@ -1,5 +0,0 @@
-const textStyleProps = ['normal', 'italic'] as const
-
-export type TextStyleProps = (typeof textStyleProps)[number]
-
-export { textStyleProps }