@marigold/system 10.0.0 → 10.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.d.mts +9 -7
  2. package/dist/index.d.ts +9 -7
  3. package/package.json +8 -8
package/dist/index.d.mts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React$1, { ReactNode } from 'react';
2
2
  import { HtmlProps, KebabCase } from '@marigold/types';
3
3
  import { DateFormatterOptions } from '@react-aria/i18n';
4
- import { StringToBoolean, ClassProp } from 'class-variance-authority/dist/types';
4
+ import { ClassValue, StringToBoolean, ClassProp } from 'class-variance-authority/dist/types';
5
+ export { ClassValue } from 'class-variance-authority/dist/types';
5
6
  export { VariantProps } from 'class-variance-authority';
6
7
 
7
8
  interface SVGProps extends Omit<HtmlProps<'svg'>, 'fill' | 'style'> {
@@ -63,9 +64,6 @@ declare const cva: <T>(base?: ClassValue, config?: Config<T>) => {
63
64
  (props?: Props<T>): string;
64
65
  variants: T | undefined;
65
66
  };
66
- type ClassDictionary = Record<string, any>;
67
- type ClassArray = ClassValue[];
68
- type ClassValue = ClassArray | ClassDictionary | string | number | null | boolean | undefined;
69
67
  declare const cn: (...inputs: ClassValue[]) => string;
70
68
  declare const createVar: (o: {
71
69
  [key: string]: string | number | undefined;
@@ -137,8 +135,9 @@ type Theme = {
137
135
  Link?: ComponentStyleFunction<string, string>;
138
136
  ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'header', ComponentStyleFunction<string, string>>;
139
137
  Menu?: Record<'container' | 'section' | 'item', ComponentStyleFunction<string, string>>;
138
+ Pagination?: ComponentStyleFunction<string, string>;
140
139
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
141
- Slider?: Record<'container' | 'track' | 'thumb' | 'output', ComponentStyleFunction<string, string>>;
140
+ Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
142
141
  Select?: Record<'select' | 'icon', ComponentStyleFunction<string, string>>;
143
142
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
144
143
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content', ComponentStyleFunction<string, string>>;
@@ -152,6 +151,7 @@ type Theme = {
152
151
  Calendar?: Record<'calendar' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid', ComponentStyleFunction<string, string>>;
153
152
  DatePicker?: Record<'container' | 'button', ComponentStyleFunction<string, string>>;
154
153
  ComboBox?: ComponentStyleFunction<string, string>;
154
+ XLoader?: Record<'container' | 'loader' | 'label', ComponentStyleFunction<string, string>>;
155
155
  };
156
156
  };
157
157
  type ComponentNames = keyof Theme['components'];
@@ -239,8 +239,9 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
239
239
  Link?: ComponentStyleFunction<string, string>;
240
240
  ListBox?: Record<"container" | "list" | "option" | "section" | "header", ComponentStyleFunction<string, string>>;
241
241
  Menu?: Record<"container" | "section" | "item", ComponentStyleFunction<string, string>>;
242
+ Pagination?: ComponentStyleFunction<string, string>;
242
243
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
243
- Slider?: Record<"container" | "track" | "thumb" | "output", ComponentStyleFunction<string, string>>;
244
+ Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
244
245
  Select?: Record<"select" | "icon", ComponentStyleFunction<string, string>>;
245
246
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
246
247
  SectionMessage?: Record<"container" | "icon" | "title" | "content", ComponentStyleFunction<string, string>>;
@@ -254,6 +255,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
254
255
  Calendar?: Record<"calendar" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid", ComponentStyleFunction<string, string>>;
255
256
  DatePicker?: Record<"container" | "button", ComponentStyleFunction<string, string>>;
256
257
  ComboBox?: ComponentStyleFunction<string, string>;
258
+ XLoader?: Record<"container" | "loader" | "label", ComponentStyleFunction<string, string>>;
257
259
  };
258
260
  name: string;
259
261
  screens?: {
@@ -969,4 +971,4 @@ type HeightProp = {
969
971
  height?: keyof typeof height;
970
972
  };
971
973
 
972
- export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
974
+ export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React$1, { ReactNode } from 'react';
2
2
  import { HtmlProps, KebabCase } from '@marigold/types';
3
3
  import { DateFormatterOptions } from '@react-aria/i18n';
4
- import { StringToBoolean, ClassProp } from 'class-variance-authority/dist/types';
4
+ import { ClassValue, StringToBoolean, ClassProp } from 'class-variance-authority/dist/types';
5
+ export { ClassValue } from 'class-variance-authority/dist/types';
5
6
  export { VariantProps } from 'class-variance-authority';
6
7
 
7
8
  interface SVGProps extends Omit<HtmlProps<'svg'>, 'fill' | 'style'> {
@@ -63,9 +64,6 @@ declare const cva: <T>(base?: ClassValue, config?: Config<T>) => {
63
64
  (props?: Props<T>): string;
64
65
  variants: T | undefined;
65
66
  };
66
- type ClassDictionary = Record<string, any>;
67
- type ClassArray = ClassValue[];
68
- type ClassValue = ClassArray | ClassDictionary | string | number | null | boolean | undefined;
69
67
  declare const cn: (...inputs: ClassValue[]) => string;
70
68
  declare const createVar: (o: {
71
69
  [key: string]: string | number | undefined;
@@ -137,8 +135,9 @@ type Theme = {
137
135
  Link?: ComponentStyleFunction<string, string>;
138
136
  ListBox?: Record<'container' | 'list' | 'option' | 'section' | 'header', ComponentStyleFunction<string, string>>;
139
137
  Menu?: Record<'container' | 'section' | 'item', ComponentStyleFunction<string, string>>;
138
+ Pagination?: ComponentStyleFunction<string, string>;
140
139
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
141
- Slider?: Record<'container' | 'track' | 'thumb' | 'output', ComponentStyleFunction<string, string>>;
140
+ Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
142
141
  Select?: Record<'select' | 'icon', ComponentStyleFunction<string, string>>;
143
142
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
144
143
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content', ComponentStyleFunction<string, string>>;
@@ -152,6 +151,7 @@ type Theme = {
152
151
  Calendar?: Record<'calendar' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid', ComponentStyleFunction<string, string>>;
153
152
  DatePicker?: Record<'container' | 'button', ComponentStyleFunction<string, string>>;
154
153
  ComboBox?: ComponentStyleFunction<string, string>;
154
+ XLoader?: Record<'container' | 'loader' | 'label', ComponentStyleFunction<string, string>>;
155
155
  };
156
156
  };
157
157
  type ComponentNames = keyof Theme['components'];
@@ -239,8 +239,9 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
239
239
  Link?: ComponentStyleFunction<string, string>;
240
240
  ListBox?: Record<"container" | "list" | "option" | "section" | "header", ComponentStyleFunction<string, string>>;
241
241
  Menu?: Record<"container" | "section" | "item", ComponentStyleFunction<string, string>>;
242
+ Pagination?: ComponentStyleFunction<string, string>;
242
243
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
243
- Slider?: Record<"container" | "track" | "thumb" | "output", ComponentStyleFunction<string, string>>;
244
+ Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
244
245
  Select?: Record<"select" | "icon", ComponentStyleFunction<string, string>>;
245
246
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
246
247
  SectionMessage?: Record<"container" | "icon" | "title" | "content", ComponentStyleFunction<string, string>>;
@@ -254,6 +255,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
254
255
  Calendar?: Record<"calendar" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid", ComponentStyleFunction<string, string>>;
255
256
  DatePicker?: Record<"container" | "button", ComponentStyleFunction<string, string>>;
256
257
  ComboBox?: ComponentStyleFunction<string, string>;
258
+ XLoader?: Record<"container" | "loader" | "label", ComponentStyleFunction<string, string>>;
257
259
  };
258
260
  name: string;
259
261
  screens?: {
@@ -969,4 +971,4 @@ type HeightProp = {
969
971
  height?: keyof typeof height;
970
972
  };
971
973
 
972
- export { type AlignmentProp, type AspectProp, type ClassArray, type ClassDictionary, type ClassValue, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
974
+ export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type GridColsAlignProp, type HeightProp, type NestedStringObject, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, extendTheme, fontWeight, gapSpace, get, getColor, gridColsAlign, gridColumn, height, isObject, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "10.0.0",
3
+ "version": "10.1.1",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -24,11 +24,11 @@
24
24
  "directory": "packages/system"
25
25
  },
26
26
  "dependencies": {
27
- "@react-aria/i18n": "3.12.3",
28
- "class-variance-authority": "0.7.0",
27
+ "@react-aria/i18n": "3.12.4",
28
+ "class-variance-authority": "0.7.1",
29
29
  "deepmerge": "4.3.1",
30
30
  "react-fast-compare": "3.2.2",
31
- "tailwind-merge": "2.5.4",
31
+ "tailwind-merge": "2.5.5",
32
32
  "@marigold/types": "1.2.0"
33
33
  },
34
34
  "peerDependencies": {
@@ -36,11 +36,11 @@
36
36
  "react-dom": "18.x"
37
37
  },
38
38
  "devDependencies": {
39
- "@babel/core": "7.25.8",
40
- "postcss": "8.4.47",
39
+ "@babel/core": "7.26.0",
40
+ "postcss": "8.4.49",
41
41
  "react": "18.3.1",
42
- "tailwindcss": "3.4.14",
43
- "tsup": "8.1.0",
42
+ "tailwindcss": "3.4.16",
43
+ "tsup": "8.3.5",
44
44
  "@marigold/tsconfig": "0.4.0"
45
45
  },
46
46
  "scripts": {