@mirohq/design-system-stitches 2.2.1 → 2.2.3

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 (2) hide show
  1. package/dist/types.d.ts +17 -8
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -191,7 +191,8 @@ declare const config: {
191
191
  shadows: {
192
192
  readonly 50: "0 4px 16px #05003812";
193
193
  readonly 100: "0 8px 32px #05003808";
194
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
194
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
195
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
195
196
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
196
197
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
197
198
  };
@@ -622,6 +623,7 @@ declare const createTheme: <Argument0 extends string | ({
622
623
  readonly 50?: string | number | boolean | undefined;
623
624
  readonly 100?: string | number | boolean | undefined;
624
625
  readonly 'focus-small'?: string | number | boolean | undefined;
626
+ readonly 'focus-small-outline'?: string | number | boolean | undefined;
625
627
  readonly 'focus-large'?: string | number | boolean | undefined;
626
628
  readonly 'focus-controls'?: string | number | boolean | undefined;
627
629
  } | undefined;
@@ -873,6 +875,7 @@ declare const createTheme: <Argument0 extends string | ({
873
875
  readonly 50?: string | number | boolean | undefined;
874
876
  readonly 100?: string | number | boolean | undefined;
875
877
  readonly 'focus-small'?: string | number | boolean | undefined;
878
+ readonly 'focus-small-outline'?: string | number | boolean | undefined;
876
879
  readonly 'focus-large'?: string | number | boolean | undefined;
877
880
  readonly 'focus-controls'?: string | number | boolean | undefined;
878
881
  } | undefined;
@@ -1129,7 +1132,8 @@ declare const css: <Composers extends (string | _stitches_react_types_util.Funct
1129
1132
  shadows: {
1130
1133
  readonly 50: "0 4px 16px #05003812";
1131
1134
  readonly 100: "0 8px 32px #05003808";
1132
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1135
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1136
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1133
1137
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1134
1138
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1135
1139
  };
@@ -1574,7 +1578,8 @@ declare const globalCss: <Styles extends {
1574
1578
  shadows: {
1575
1579
  readonly 50: "0 4px 16px #05003812";
1576
1580
  readonly 100: "0 8px 32px #05003808";
1577
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1581
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
1582
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
1578
1583
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
1579
1584
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
1580
1585
  };
@@ -2001,7 +2006,8 @@ declare const globalCss: <Styles extends {
2001
2006
  shadows: {
2002
2007
  readonly 50: "0 4px 16px #05003812";
2003
2008
  readonly 100: "0 8px 32px #05003808";
2004
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2009
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2010
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2005
2011
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2006
2012
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2007
2013
  };
@@ -2429,7 +2435,8 @@ declare const keyframes: (style: {
2429
2435
  shadows: {
2430
2436
  readonly 50: "0 4px 16px #05003812";
2431
2437
  readonly 100: "0 8px 32px #05003808";
2432
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2438
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
2439
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
2433
2440
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
2434
2441
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
2435
2442
  };
@@ -2708,7 +2715,7 @@ declare type StyledComponentProps<Element extends ElementType> = SafeProps<Compo
2708
2715
  * type React.ComponentProps<typeof Foo> // all radix, html and styled props
2709
2716
  * type StrictComponentProps<typeof Foo> // only html and styled props
2710
2717
  */
2711
- declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComponentProps<Element>, keyof Omit<StyledComponentProps<Element>, keyof OnlyHTMLAttributes<Element> | AllowedProps>>;
2718
+ declare type StrictComponentProps<Element extends ElementType> = Omit<StyledComponentProps<Element>, keyof Omit<StyledComponentProps<Element>, keyof OnlyHTMLAttributes<Element> | keyof VariantProps<Element extends {} ? Element : {}> | AllowedProps>>;
2712
2719
  /**
2713
2720
  * Get a union type from styled variant
2714
2721
  */
@@ -3076,7 +3083,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3076
3083
  shadows: {
3077
3084
  readonly 50: "0 4px 16px #05003812";
3078
3085
  readonly 100: "0 8px 32px #05003808";
3079
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3086
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3087
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3080
3088
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3081
3089
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3082
3090
  };
@@ -3502,7 +3510,8 @@ declare const styled: <Element_1 extends _stitches_react_types_util.Function | k
3502
3510
  shadows: {
3503
3511
  readonly 50: "0 4px 16px #05003812";
3504
3512
  readonly 100: "0 8px 32px #05003808";
3505
- readonly 'focus-small': "0 0 0 2px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3513
+ readonly 'focus-small': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-inner";
3514
+ readonly 'focus-small-outline': "0 0 0 2px $colors$border-focus-outer, inset 0 0 0 1px $colors$border-focus-middle, inset 0 0 0 2px $colors$border-focus-inner";
3506
3515
  readonly 'focus-large': "0 0 0 4px $colors$border-focus-inner, inset 0 0 0 2px $colors$border-focus-middle, inset 0 0 0 3px $colors$border-focus-outer";
3507
3516
  readonly 'focus-controls': "0 0 0 1px $colors$border-focus-inner, 0 0 0 3px $colors$border-focus-middle, 0 0 0 5px $colors$border-focus-outer";
3508
3517
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "2.2.1",
3
+ "version": "2.2.3",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -26,8 +26,8 @@
26
26
  "react": "^16.14 || ^17 || ^18"
27
27
  },
28
28
  "dependencies": {
29
- "@mirohq/design-system-types": "^0.4.0",
30
- "@mirohq/design-tokens": "^2.3.1"
29
+ "@mirohq/design-tokens": "^2.4.0",
30
+ "@mirohq/design-system-types": "^0.4.1"
31
31
  },
32
32
  "devDependencies": {
33
33
  "@mirohq/design-system-primitive": "^1.1.0"