@mirohq/design-system-stitches 3.3.7 → 3.3.9

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 +240 -216
  2. package/package.json +3 -3
package/dist/types.d.ts CHANGED
@@ -6504,6 +6504,7 @@ declare const config: {
6504
6504
  "background-interactive-primary": /*elided*/ any;
6505
6505
  "background-interactive-primary-hover": /*elided*/ any;
6506
6506
  "background-interactive-primary-pressed": /*elided*/ any;
6507
+ "background-interactive-secondary-selected": /*elided*/ any;
6507
6508
  "background-interactive-selected": /*elided*/ any;
6508
6509
  "background-interactive-surface-hover": /*elided*/ any;
6509
6510
  "background-interactive-surface-secondary-hover": /*elided*/ any;
@@ -6556,6 +6557,8 @@ declare const config: {
6556
6557
  "border-disabled": /*elided*/ any;
6557
6558
  "border-inverted": /*elided*/ any;
6558
6559
  "border-inverted-subtle": /*elided*/ any;
6560
+ "border-option": /*elided*/ any;
6561
+ "border-option-hover": /*elided*/ any;
6559
6562
  "border-static-dark": /*elided*/ any;
6560
6563
  "border-static-dark-subtle": /*elided*/ any;
6561
6564
  "border-strong": /*elided*/ any;
@@ -6670,19 +6673,18 @@ declare const config: {
6670
6673
  "format-icon-slides": /*elided*/ any;
6671
6674
  "format-icon-table": /*elided*/ any;
6672
6675
  "format-icon-timeline": /*elided*/ any;
6673
- "input-background-active": /*elided*/ any;
6674
6676
  "input-background-alt-active": /*elided*/ any;
6675
6677
  "input-background-alt-default": /*elided*/ any;
6676
6678
  "input-background-alt-hover": /*elided*/ any;
6677
6679
  "input-background-default": /*elided*/ any;
6678
6680
  "input-background-disabled": /*elided*/ any;
6681
+ "input-background-focused": /*elided*/ any;
6679
6682
  "input-background-hover": /*elided*/ any;
6680
- "input-border-active": /*elided*/ any;
6681
6683
  "input-border-default": /*elided*/ any;
6682
6684
  "input-border-disabled": /*elided*/ any;
6683
6685
  "input-border-error": /*elided*/ any;
6686
+ "input-border-focused": /*elided*/ any;
6684
6687
  "input-border-hover": /*elided*/ any;
6685
- "input-border-selection-control": /*elided*/ any;
6686
6688
  "input-border-success": /*elided*/ any;
6687
6689
  "notification-background": /*elided*/ any;
6688
6690
  "notification-border": /*elided*/ any;
@@ -6692,6 +6694,7 @@ declare const config: {
6692
6694
  "scrollbar-background": /*elided*/ any;
6693
6695
  "scrollbar-background-hover": /*elided*/ any;
6694
6696
  "slider-background": /*elided*/ any;
6697
+ "slider-control-background": /*elided*/ any;
6695
6698
  "slider-notch-background": /*elided*/ any;
6696
6699
  "switch-background-default": /*elided*/ any;
6697
6700
  "switch-background-hover": /*elided*/ any;
@@ -6713,19 +6716,19 @@ declare const config: {
6713
6716
  "icon-on-static-dark-subtle": /*elided*/ any;
6714
6717
  "icon-placeholder": /*elided*/ any;
6715
6718
  "icon-secondary": /*elided*/ any;
6719
+ "icon-interactive-on-inverted": /*elided*/ any;
6720
+ "icon-interactive-on-inverted-hover": /*elided*/ any;
6721
+ "icon-interactive-on-inverted-pressed": /*elided*/ any;
6722
+ "icon-interactive-on-inverted-secondary": /*elided*/ any;
6723
+ "icon-interactive-on-inverted-secondary-hover": /*elided*/ any;
6724
+ "icon-interactive-on-inverted-secondary-pressed": /*elided*/ any;
6725
+ "icon-interactive-primary": /*elided*/ any;
6726
+ "icon-interactive-primary-hover": /*elided*/ any;
6727
+ "icon-interactive-primary-pressed": /*elided*/ any;
6728
+ "icon-interactive-secondary": /*elided*/ any;
6729
+ "icon-interactive-secondary-hover": /*elided*/ any;
6730
+ "icon-interactive-secondary-pressed": /*elided*/ any;
6716
6731
  "icon-interactive-selected": /*elided*/ any;
6717
- "icon-link": /*elided*/ any;
6718
- "icon-link-hover": /*elided*/ any;
6719
- "icon-link-on-inverted": /*elided*/ any;
6720
- "icon-link-on-inverted-hover": /*elided*/ any;
6721
- "icon-link-on-inverted-pressed": /*elided*/ any;
6722
- "icon-link-on-inverted-secondary": /*elided*/ any;
6723
- "icon-link-on-inverted-secondary-hover": /*elided*/ any;
6724
- "icon-link-on-inverted-secondary-pressed": /*elided*/ any;
6725
- "icon-link-pressed": /*elided*/ any;
6726
- "icon-link-secondary": /*elided*/ any;
6727
- "icon-link-secondary-hover": /*elided*/ any;
6728
- "icon-link-secondary-pressed": /*elided*/ any;
6729
6732
  "icon-on-interactive-danger": /*elided*/ any;
6730
6733
  "icon-on-interactive-primary": /*elided*/ any;
6731
6734
  "icon-on-interactive-secondary": /*elided*/ any;
@@ -6773,19 +6776,19 @@ declare const config: {
6773
6776
  "text-danger-hover": /*elided*/ any;
6774
6777
  "text-danger-inverted": /*elided*/ any;
6775
6778
  "text-danger-pressed": /*elided*/ any;
6779
+ "text-interactive-on-inverted": /*elided*/ any;
6780
+ "text-interactive-on-inverted-hover": /*elided*/ any;
6781
+ "text-interactive-on-inverted-pressed": /*elided*/ any;
6782
+ "text-interactive-on-inverted-secondary": /*elided*/ any;
6783
+ "text-interactive-on-inverted-secondary-hover": /*elided*/ any;
6784
+ "text-interactive-on-inverted-secondary-pressed": /*elided*/ any;
6785
+ "text-interactive-primary": /*elided*/ any;
6786
+ "text-interactive-primary-hover": /*elided*/ any;
6787
+ "text-interactive-primary-pressed": /*elided*/ any;
6788
+ "text-interactive-secondary": /*elided*/ any;
6789
+ "text-interactive-secondary-hover": /*elided*/ any;
6790
+ "text-interactive-secondary-pressed": /*elided*/ any;
6776
6791
  "text-interactive-selected": /*elided*/ any;
6777
- "text-link": /*elided*/ any;
6778
- "text-link-hover": /*elided*/ any;
6779
- "text-link-on-inverted": /*elided*/ any;
6780
- "text-link-on-inverted-hover": /*elided*/ any;
6781
- "text-link-on-inverted-pressed": /*elided*/ any;
6782
- "text-link-on-inverted-secondary": /*elided*/ any;
6783
- "text-link-on-inverted-secondary-hover": /*elided*/ any;
6784
- "text-link-on-inverted-secondary-pressed": /*elided*/ any;
6785
- "text-link-pressed": /*elided*/ any;
6786
- "text-link-secondary": /*elided*/ any;
6787
- "text-link-secondary-hover": /*elided*/ any;
6788
- "text-link-secondary-pressed": /*elided*/ any;
6789
6792
  "text-on-interactive-danger": /*elided*/ any;
6790
6793
  "text-on-interactive-primary": /*elided*/ any;
6791
6794
  "text-on-interactive-secondary": /*elided*/ any;
@@ -7692,6 +7695,7 @@ declare const createTheme: <Argument0 extends string | ({
7692
7695
  "background-interactive-primary"?: string | number | boolean | undefined;
7693
7696
  "background-interactive-primary-hover"?: string | number | boolean | undefined;
7694
7697
  "background-interactive-primary-pressed"?: string | number | boolean | undefined;
7698
+ "background-interactive-secondary-selected"?: string | number | boolean | undefined;
7695
7699
  "background-interactive-selected"?: string | number | boolean | undefined;
7696
7700
  "background-interactive-surface-hover"?: string | number | boolean | undefined;
7697
7701
  "background-interactive-surface-secondary-hover"?: string | number | boolean | undefined;
@@ -7744,6 +7748,8 @@ declare const createTheme: <Argument0 extends string | ({
7744
7748
  "border-disabled"?: string | number | boolean | undefined;
7745
7749
  "border-inverted"?: string | number | boolean | undefined;
7746
7750
  "border-inverted-subtle"?: string | number | boolean | undefined;
7751
+ "border-option"?: string | number | boolean | undefined;
7752
+ "border-option-hover"?: string | number | boolean | undefined;
7747
7753
  "border-static-dark"?: string | number | boolean | undefined;
7748
7754
  "border-static-dark-subtle"?: string | number | boolean | undefined;
7749
7755
  "border-strong"?: string | number | boolean | undefined;
@@ -7858,19 +7864,18 @@ declare const createTheme: <Argument0 extends string | ({
7858
7864
  "format-icon-slides"?: string | number | boolean | undefined;
7859
7865
  "format-icon-table"?: string | number | boolean | undefined;
7860
7866
  "format-icon-timeline"?: string | number | boolean | undefined;
7861
- "input-background-active"?: string | number | boolean | undefined;
7862
7867
  "input-background-alt-active"?: string | number | boolean | undefined;
7863
7868
  "input-background-alt-default"?: string | number | boolean | undefined;
7864
7869
  "input-background-alt-hover"?: string | number | boolean | undefined;
7865
7870
  "input-background-default"?: string | number | boolean | undefined;
7866
7871
  "input-background-disabled"?: string | number | boolean | undefined;
7872
+ "input-background-focused"?: string | number | boolean | undefined;
7867
7873
  "input-background-hover"?: string | number | boolean | undefined;
7868
- "input-border-active"?: string | number | boolean | undefined;
7869
7874
  "input-border-default"?: string | number | boolean | undefined;
7870
7875
  "input-border-disabled"?: string | number | boolean | undefined;
7871
7876
  "input-border-error"?: string | number | boolean | undefined;
7877
+ "input-border-focused"?: string | number | boolean | undefined;
7872
7878
  "input-border-hover"?: string | number | boolean | undefined;
7873
- "input-border-selection-control"?: string | number | boolean | undefined;
7874
7879
  "input-border-success"?: string | number | boolean | undefined;
7875
7880
  "notification-background"?: string | number | boolean | undefined;
7876
7881
  "notification-border"?: string | number | boolean | undefined;
@@ -7880,6 +7885,7 @@ declare const createTheme: <Argument0 extends string | ({
7880
7885
  "scrollbar-background"?: string | number | boolean | undefined;
7881
7886
  "scrollbar-background-hover"?: string | number | boolean | undefined;
7882
7887
  "slider-background"?: string | number | boolean | undefined;
7888
+ "slider-control-background"?: string | number | boolean | undefined;
7883
7889
  "slider-notch-background"?: string | number | boolean | undefined;
7884
7890
  "switch-background-default"?: string | number | boolean | undefined;
7885
7891
  "switch-background-hover"?: string | number | boolean | undefined;
@@ -7901,19 +7907,19 @@ declare const createTheme: <Argument0 extends string | ({
7901
7907
  "icon-on-static-dark-subtle"?: string | number | boolean | undefined;
7902
7908
  "icon-placeholder"?: string | number | boolean | undefined;
7903
7909
  "icon-secondary"?: string | number | boolean | undefined;
7910
+ "icon-interactive-on-inverted"?: string | number | boolean | undefined;
7911
+ "icon-interactive-on-inverted-hover"?: string | number | boolean | undefined;
7912
+ "icon-interactive-on-inverted-pressed"?: string | number | boolean | undefined;
7913
+ "icon-interactive-on-inverted-secondary"?: string | number | boolean | undefined;
7914
+ "icon-interactive-on-inverted-secondary-hover"?: string | number | boolean | undefined;
7915
+ "icon-interactive-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
7916
+ "icon-interactive-primary"?: string | number | boolean | undefined;
7917
+ "icon-interactive-primary-hover"?: string | number | boolean | undefined;
7918
+ "icon-interactive-primary-pressed"?: string | number | boolean | undefined;
7919
+ "icon-interactive-secondary"?: string | number | boolean | undefined;
7920
+ "icon-interactive-secondary-hover"?: string | number | boolean | undefined;
7921
+ "icon-interactive-secondary-pressed"?: string | number | boolean | undefined;
7904
7922
  "icon-interactive-selected"?: string | number | boolean | undefined;
7905
- "icon-link"?: string | number | boolean | undefined;
7906
- "icon-link-hover"?: string | number | boolean | undefined;
7907
- "icon-link-on-inverted"?: string | number | boolean | undefined;
7908
- "icon-link-on-inverted-hover"?: string | number | boolean | undefined;
7909
- "icon-link-on-inverted-pressed"?: string | number | boolean | undefined;
7910
- "icon-link-on-inverted-secondary"?: string | number | boolean | undefined;
7911
- "icon-link-on-inverted-secondary-hover"?: string | number | boolean | undefined;
7912
- "icon-link-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
7913
- "icon-link-pressed"?: string | number | boolean | undefined;
7914
- "icon-link-secondary"?: string | number | boolean | undefined;
7915
- "icon-link-secondary-hover"?: string | number | boolean | undefined;
7916
- "icon-link-secondary-pressed"?: string | number | boolean | undefined;
7917
7923
  "icon-on-interactive-danger"?: string | number | boolean | undefined;
7918
7924
  "icon-on-interactive-primary"?: string | number | boolean | undefined;
7919
7925
  "icon-on-interactive-secondary"?: string | number | boolean | undefined;
@@ -7961,19 +7967,19 @@ declare const createTheme: <Argument0 extends string | ({
7961
7967
  "text-danger-hover"?: string | number | boolean | undefined;
7962
7968
  "text-danger-inverted"?: string | number | boolean | undefined;
7963
7969
  "text-danger-pressed"?: string | number | boolean | undefined;
7970
+ "text-interactive-on-inverted"?: string | number | boolean | undefined;
7971
+ "text-interactive-on-inverted-hover"?: string | number | boolean | undefined;
7972
+ "text-interactive-on-inverted-pressed"?: string | number | boolean | undefined;
7973
+ "text-interactive-on-inverted-secondary"?: string | number | boolean | undefined;
7974
+ "text-interactive-on-inverted-secondary-hover"?: string | number | boolean | undefined;
7975
+ "text-interactive-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
7976
+ "text-interactive-primary"?: string | number | boolean | undefined;
7977
+ "text-interactive-primary-hover"?: string | number | boolean | undefined;
7978
+ "text-interactive-primary-pressed"?: string | number | boolean | undefined;
7979
+ "text-interactive-secondary"?: string | number | boolean | undefined;
7980
+ "text-interactive-secondary-hover"?: string | number | boolean | undefined;
7981
+ "text-interactive-secondary-pressed"?: string | number | boolean | undefined;
7964
7982
  "text-interactive-selected"?: string | number | boolean | undefined;
7965
- "text-link"?: string | number | boolean | undefined;
7966
- "text-link-hover"?: string | number | boolean | undefined;
7967
- "text-link-on-inverted"?: string | number | boolean | undefined;
7968
- "text-link-on-inverted-hover"?: string | number | boolean | undefined;
7969
- "text-link-on-inverted-pressed"?: string | number | boolean | undefined;
7970
- "text-link-on-inverted-secondary"?: string | number | boolean | undefined;
7971
- "text-link-on-inverted-secondary-hover"?: string | number | boolean | undefined;
7972
- "text-link-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
7973
- "text-link-pressed"?: string | number | boolean | undefined;
7974
- "text-link-secondary"?: string | number | boolean | undefined;
7975
- "text-link-secondary-hover"?: string | number | boolean | undefined;
7976
- "text-link-secondary-pressed"?: string | number | boolean | undefined;
7977
7983
  "text-on-interactive-danger"?: string | number | boolean | undefined;
7978
7984
  "text-on-interactive-primary"?: string | number | boolean | undefined;
7979
7985
  "text-on-interactive-secondary"?: string | number | boolean | undefined;
@@ -8725,6 +8731,7 @@ declare const createTheme: <Argument0 extends string | ({
8725
8731
  "background-interactive-primary"?: string | number | boolean | undefined;
8726
8732
  "background-interactive-primary-hover"?: string | number | boolean | undefined;
8727
8733
  "background-interactive-primary-pressed"?: string | number | boolean | undefined;
8734
+ "background-interactive-secondary-selected"?: string | number | boolean | undefined;
8728
8735
  "background-interactive-selected"?: string | number | boolean | undefined;
8729
8736
  "background-interactive-surface-hover"?: string | number | boolean | undefined;
8730
8737
  "background-interactive-surface-secondary-hover"?: string | number | boolean | undefined;
@@ -8777,6 +8784,8 @@ declare const createTheme: <Argument0 extends string | ({
8777
8784
  "border-disabled"?: string | number | boolean | undefined;
8778
8785
  "border-inverted"?: string | number | boolean | undefined;
8779
8786
  "border-inverted-subtle"?: string | number | boolean | undefined;
8787
+ "border-option"?: string | number | boolean | undefined;
8788
+ "border-option-hover"?: string | number | boolean | undefined;
8780
8789
  "border-static-dark"?: string | number | boolean | undefined;
8781
8790
  "border-static-dark-subtle"?: string | number | boolean | undefined;
8782
8791
  "border-strong"?: string | number | boolean | undefined;
@@ -8891,19 +8900,18 @@ declare const createTheme: <Argument0 extends string | ({
8891
8900
  "format-icon-slides"?: string | number | boolean | undefined;
8892
8901
  "format-icon-table"?: string | number | boolean | undefined;
8893
8902
  "format-icon-timeline"?: string | number | boolean | undefined;
8894
- "input-background-active"?: string | number | boolean | undefined;
8895
8903
  "input-background-alt-active"?: string | number | boolean | undefined;
8896
8904
  "input-background-alt-default"?: string | number | boolean | undefined;
8897
8905
  "input-background-alt-hover"?: string | number | boolean | undefined;
8898
8906
  "input-background-default"?: string | number | boolean | undefined;
8899
8907
  "input-background-disabled"?: string | number | boolean | undefined;
8908
+ "input-background-focused"?: string | number | boolean | undefined;
8900
8909
  "input-background-hover"?: string | number | boolean | undefined;
8901
- "input-border-active"?: string | number | boolean | undefined;
8902
8910
  "input-border-default"?: string | number | boolean | undefined;
8903
8911
  "input-border-disabled"?: string | number | boolean | undefined;
8904
8912
  "input-border-error"?: string | number | boolean | undefined;
8913
+ "input-border-focused"?: string | number | boolean | undefined;
8905
8914
  "input-border-hover"?: string | number | boolean | undefined;
8906
- "input-border-selection-control"?: string | number | boolean | undefined;
8907
8915
  "input-border-success"?: string | number | boolean | undefined;
8908
8916
  "notification-background"?: string | number | boolean | undefined;
8909
8917
  "notification-border"?: string | number | boolean | undefined;
@@ -8913,6 +8921,7 @@ declare const createTheme: <Argument0 extends string | ({
8913
8921
  "scrollbar-background"?: string | number | boolean | undefined;
8914
8922
  "scrollbar-background-hover"?: string | number | boolean | undefined;
8915
8923
  "slider-background"?: string | number | boolean | undefined;
8924
+ "slider-control-background"?: string | number | boolean | undefined;
8916
8925
  "slider-notch-background"?: string | number | boolean | undefined;
8917
8926
  "switch-background-default"?: string | number | boolean | undefined;
8918
8927
  "switch-background-hover"?: string | number | boolean | undefined;
@@ -8934,19 +8943,19 @@ declare const createTheme: <Argument0 extends string | ({
8934
8943
  "icon-on-static-dark-subtle"?: string | number | boolean | undefined;
8935
8944
  "icon-placeholder"?: string | number | boolean | undefined;
8936
8945
  "icon-secondary"?: string | number | boolean | undefined;
8946
+ "icon-interactive-on-inverted"?: string | number | boolean | undefined;
8947
+ "icon-interactive-on-inverted-hover"?: string | number | boolean | undefined;
8948
+ "icon-interactive-on-inverted-pressed"?: string | number | boolean | undefined;
8949
+ "icon-interactive-on-inverted-secondary"?: string | number | boolean | undefined;
8950
+ "icon-interactive-on-inverted-secondary-hover"?: string | number | boolean | undefined;
8951
+ "icon-interactive-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
8952
+ "icon-interactive-primary"?: string | number | boolean | undefined;
8953
+ "icon-interactive-primary-hover"?: string | number | boolean | undefined;
8954
+ "icon-interactive-primary-pressed"?: string | number | boolean | undefined;
8955
+ "icon-interactive-secondary"?: string | number | boolean | undefined;
8956
+ "icon-interactive-secondary-hover"?: string | number | boolean | undefined;
8957
+ "icon-interactive-secondary-pressed"?: string | number | boolean | undefined;
8937
8958
  "icon-interactive-selected"?: string | number | boolean | undefined;
8938
- "icon-link"?: string | number | boolean | undefined;
8939
- "icon-link-hover"?: string | number | boolean | undefined;
8940
- "icon-link-on-inverted"?: string | number | boolean | undefined;
8941
- "icon-link-on-inverted-hover"?: string | number | boolean | undefined;
8942
- "icon-link-on-inverted-pressed"?: string | number | boolean | undefined;
8943
- "icon-link-on-inverted-secondary"?: string | number | boolean | undefined;
8944
- "icon-link-on-inverted-secondary-hover"?: string | number | boolean | undefined;
8945
- "icon-link-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
8946
- "icon-link-pressed"?: string | number | boolean | undefined;
8947
- "icon-link-secondary"?: string | number | boolean | undefined;
8948
- "icon-link-secondary-hover"?: string | number | boolean | undefined;
8949
- "icon-link-secondary-pressed"?: string | number | boolean | undefined;
8950
8959
  "icon-on-interactive-danger"?: string | number | boolean | undefined;
8951
8960
  "icon-on-interactive-primary"?: string | number | boolean | undefined;
8952
8961
  "icon-on-interactive-secondary"?: string | number | boolean | undefined;
@@ -8994,19 +9003,19 @@ declare const createTheme: <Argument0 extends string | ({
8994
9003
  "text-danger-hover"?: string | number | boolean | undefined;
8995
9004
  "text-danger-inverted"?: string | number | boolean | undefined;
8996
9005
  "text-danger-pressed"?: string | number | boolean | undefined;
9006
+ "text-interactive-on-inverted"?: string | number | boolean | undefined;
9007
+ "text-interactive-on-inverted-hover"?: string | number | boolean | undefined;
9008
+ "text-interactive-on-inverted-pressed"?: string | number | boolean | undefined;
9009
+ "text-interactive-on-inverted-secondary"?: string | number | boolean | undefined;
9010
+ "text-interactive-on-inverted-secondary-hover"?: string | number | boolean | undefined;
9011
+ "text-interactive-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
9012
+ "text-interactive-primary"?: string | number | boolean | undefined;
9013
+ "text-interactive-primary-hover"?: string | number | boolean | undefined;
9014
+ "text-interactive-primary-pressed"?: string | number | boolean | undefined;
9015
+ "text-interactive-secondary"?: string | number | boolean | undefined;
9016
+ "text-interactive-secondary-hover"?: string | number | boolean | undefined;
9017
+ "text-interactive-secondary-pressed"?: string | number | boolean | undefined;
8997
9018
  "text-interactive-selected"?: string | number | boolean | undefined;
8998
- "text-link"?: string | number | boolean | undefined;
8999
- "text-link-hover"?: string | number | boolean | undefined;
9000
- "text-link-on-inverted"?: string | number | boolean | undefined;
9001
- "text-link-on-inverted-hover"?: string | number | boolean | undefined;
9002
- "text-link-on-inverted-pressed"?: string | number | boolean | undefined;
9003
- "text-link-on-inverted-secondary"?: string | number | boolean | undefined;
9004
- "text-link-on-inverted-secondary-hover"?: string | number | boolean | undefined;
9005
- "text-link-on-inverted-secondary-pressed"?: string | number | boolean | undefined;
9006
- "text-link-pressed"?: string | number | boolean | undefined;
9007
- "text-link-secondary"?: string | number | boolean | undefined;
9008
- "text-link-secondary-hover"?: string | number | boolean | undefined;
9009
- "text-link-secondary-pressed"?: string | number | boolean | undefined;
9010
9019
  "text-on-interactive-danger"?: string | number | boolean | undefined;
9011
9020
  "text-on-interactive-primary"?: string | number | boolean | undefined;
9012
9021
  "text-on-interactive-secondary"?: string | number | boolean | undefined;
@@ -9764,6 +9773,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9764
9773
  "background-interactive-primary": /*elided*/ any;
9765
9774
  "background-interactive-primary-hover": /*elided*/ any;
9766
9775
  "background-interactive-primary-pressed": /*elided*/ any;
9776
+ "background-interactive-secondary-selected": /*elided*/ any;
9767
9777
  "background-interactive-selected": /*elided*/ any;
9768
9778
  "background-interactive-surface-hover": /*elided*/ any;
9769
9779
  "background-interactive-surface-secondary-hover": /*elided*/ any;
@@ -9816,6 +9826,8 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9816
9826
  "border-disabled": /*elided*/ any;
9817
9827
  "border-inverted": /*elided*/ any;
9818
9828
  "border-inverted-subtle": /*elided*/ any;
9829
+ "border-option": /*elided*/ any;
9830
+ "border-option-hover": /*elided*/ any;
9819
9831
  "border-static-dark": /*elided*/ any;
9820
9832
  "border-static-dark-subtle": /*elided*/ any;
9821
9833
  "border-strong": /*elided*/ any;
@@ -9930,19 +9942,18 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9930
9942
  "format-icon-slides": /*elided*/ any;
9931
9943
  "format-icon-table": /*elided*/ any;
9932
9944
  "format-icon-timeline": /*elided*/ any;
9933
- "input-background-active": /*elided*/ any;
9934
9945
  "input-background-alt-active": /*elided*/ any;
9935
9946
  "input-background-alt-default": /*elided*/ any;
9936
9947
  "input-background-alt-hover": /*elided*/ any;
9937
9948
  "input-background-default": /*elided*/ any;
9938
9949
  "input-background-disabled": /*elided*/ any;
9950
+ "input-background-focused": /*elided*/ any;
9939
9951
  "input-background-hover": /*elided*/ any;
9940
- "input-border-active": /*elided*/ any;
9941
9952
  "input-border-default": /*elided*/ any;
9942
9953
  "input-border-disabled": /*elided*/ any;
9943
9954
  "input-border-error": /*elided*/ any;
9955
+ "input-border-focused": /*elided*/ any;
9944
9956
  "input-border-hover": /*elided*/ any;
9945
- "input-border-selection-control": /*elided*/ any;
9946
9957
  "input-border-success": /*elided*/ any;
9947
9958
  "notification-background": /*elided*/ any;
9948
9959
  "notification-border": /*elided*/ any;
@@ -9952,6 +9963,7 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9952
9963
  "scrollbar-background": /*elided*/ any;
9953
9964
  "scrollbar-background-hover": /*elided*/ any;
9954
9965
  "slider-background": /*elided*/ any;
9966
+ "slider-control-background": /*elided*/ any;
9955
9967
  "slider-notch-background": /*elided*/ any;
9956
9968
  "switch-background-default": /*elided*/ any;
9957
9969
  "switch-background-hover": /*elided*/ any;
@@ -9973,19 +9985,19 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
9973
9985
  "icon-on-static-dark-subtle": /*elided*/ any;
9974
9986
  "icon-placeholder": /*elided*/ any;
9975
9987
  "icon-secondary": /*elided*/ any;
9988
+ "icon-interactive-on-inverted": /*elided*/ any;
9989
+ "icon-interactive-on-inverted-hover": /*elided*/ any;
9990
+ "icon-interactive-on-inverted-pressed": /*elided*/ any;
9991
+ "icon-interactive-on-inverted-secondary": /*elided*/ any;
9992
+ "icon-interactive-on-inverted-secondary-hover": /*elided*/ any;
9993
+ "icon-interactive-on-inverted-secondary-pressed": /*elided*/ any;
9994
+ "icon-interactive-primary": /*elided*/ any;
9995
+ "icon-interactive-primary-hover": /*elided*/ any;
9996
+ "icon-interactive-primary-pressed": /*elided*/ any;
9997
+ "icon-interactive-secondary": /*elided*/ any;
9998
+ "icon-interactive-secondary-hover": /*elided*/ any;
9999
+ "icon-interactive-secondary-pressed": /*elided*/ any;
9976
10000
  "icon-interactive-selected": /*elided*/ any;
9977
- "icon-link": /*elided*/ any;
9978
- "icon-link-hover": /*elided*/ any;
9979
- "icon-link-on-inverted": /*elided*/ any;
9980
- "icon-link-on-inverted-hover": /*elided*/ any;
9981
- "icon-link-on-inverted-pressed": /*elided*/ any;
9982
- "icon-link-on-inverted-secondary": /*elided*/ any;
9983
- "icon-link-on-inverted-secondary-hover": /*elided*/ any;
9984
- "icon-link-on-inverted-secondary-pressed": /*elided*/ any;
9985
- "icon-link-pressed": /*elided*/ any;
9986
- "icon-link-secondary": /*elided*/ any;
9987
- "icon-link-secondary-hover": /*elided*/ any;
9988
- "icon-link-secondary-pressed": /*elided*/ any;
9989
10001
  "icon-on-interactive-danger": /*elided*/ any;
9990
10002
  "icon-on-interactive-primary": /*elided*/ any;
9991
10003
  "icon-on-interactive-secondary": /*elided*/ any;
@@ -10033,19 +10045,19 @@ declare const css: <Composers extends (string | React.ExoticComponent<any> | Rea
10033
10045
  "text-danger-hover": /*elided*/ any;
10034
10046
  "text-danger-inverted": /*elided*/ any;
10035
10047
  "text-danger-pressed": /*elided*/ any;
10048
+ "text-interactive-on-inverted": /*elided*/ any;
10049
+ "text-interactive-on-inverted-hover": /*elided*/ any;
10050
+ "text-interactive-on-inverted-pressed": /*elided*/ any;
10051
+ "text-interactive-on-inverted-secondary": /*elided*/ any;
10052
+ "text-interactive-on-inverted-secondary-hover": /*elided*/ any;
10053
+ "text-interactive-on-inverted-secondary-pressed": /*elided*/ any;
10054
+ "text-interactive-primary": /*elided*/ any;
10055
+ "text-interactive-primary-hover": /*elided*/ any;
10056
+ "text-interactive-primary-pressed": /*elided*/ any;
10057
+ "text-interactive-secondary": /*elided*/ any;
10058
+ "text-interactive-secondary-hover": /*elided*/ any;
10059
+ "text-interactive-secondary-pressed": /*elided*/ any;
10036
10060
  "text-interactive-selected": /*elided*/ any;
10037
- "text-link": /*elided*/ any;
10038
- "text-link-hover": /*elided*/ any;
10039
- "text-link-on-inverted": /*elided*/ any;
10040
- "text-link-on-inverted-hover": /*elided*/ any;
10041
- "text-link-on-inverted-pressed": /*elided*/ any;
10042
- "text-link-on-inverted-secondary": /*elided*/ any;
10043
- "text-link-on-inverted-secondary-hover": /*elided*/ any;
10044
- "text-link-on-inverted-secondary-pressed": /*elided*/ any;
10045
- "text-link-pressed": /*elided*/ any;
10046
- "text-link-secondary": /*elided*/ any;
10047
- "text-link-secondary-hover": /*elided*/ any;
10048
- "text-link-secondary-pressed": /*elided*/ any;
10049
10061
  "text-on-interactive-danger": /*elided*/ any;
10050
10062
  "text-on-interactive-primary": /*elided*/ any;
10051
10063
  "text-on-interactive-secondary": /*elided*/ any;
@@ -10967,6 +10979,7 @@ declare const globalCss: <Styles extends {
10967
10979
  "background-interactive-primary": /*elided*/ any;
10968
10980
  "background-interactive-primary-hover": /*elided*/ any;
10969
10981
  "background-interactive-primary-pressed": /*elided*/ any;
10982
+ "background-interactive-secondary-selected": /*elided*/ any;
10970
10983
  "background-interactive-selected": /*elided*/ any;
10971
10984
  "background-interactive-surface-hover": /*elided*/ any;
10972
10985
  "background-interactive-surface-secondary-hover": /*elided*/ any;
@@ -11019,6 +11032,8 @@ declare const globalCss: <Styles extends {
11019
11032
  "border-disabled": /*elided*/ any;
11020
11033
  "border-inverted": /*elided*/ any;
11021
11034
  "border-inverted-subtle": /*elided*/ any;
11035
+ "border-option": /*elided*/ any;
11036
+ "border-option-hover": /*elided*/ any;
11022
11037
  "border-static-dark": /*elided*/ any;
11023
11038
  "border-static-dark-subtle": /*elided*/ any;
11024
11039
  "border-strong": /*elided*/ any;
@@ -11133,19 +11148,18 @@ declare const globalCss: <Styles extends {
11133
11148
  "format-icon-slides": /*elided*/ any;
11134
11149
  "format-icon-table": /*elided*/ any;
11135
11150
  "format-icon-timeline": /*elided*/ any;
11136
- "input-background-active": /*elided*/ any;
11137
11151
  "input-background-alt-active": /*elided*/ any;
11138
11152
  "input-background-alt-default": /*elided*/ any;
11139
11153
  "input-background-alt-hover": /*elided*/ any;
11140
11154
  "input-background-default": /*elided*/ any;
11141
11155
  "input-background-disabled": /*elided*/ any;
11156
+ "input-background-focused": /*elided*/ any;
11142
11157
  "input-background-hover": /*elided*/ any;
11143
- "input-border-active": /*elided*/ any;
11144
11158
  "input-border-default": /*elided*/ any;
11145
11159
  "input-border-disabled": /*elided*/ any;
11146
11160
  "input-border-error": /*elided*/ any;
11161
+ "input-border-focused": /*elided*/ any;
11147
11162
  "input-border-hover": /*elided*/ any;
11148
- "input-border-selection-control": /*elided*/ any;
11149
11163
  "input-border-success": /*elided*/ any;
11150
11164
  "notification-background": /*elided*/ any;
11151
11165
  "notification-border": /*elided*/ any;
@@ -11155,6 +11169,7 @@ declare const globalCss: <Styles extends {
11155
11169
  "scrollbar-background": /*elided*/ any;
11156
11170
  "scrollbar-background-hover": /*elided*/ any;
11157
11171
  "slider-background": /*elided*/ any;
11172
+ "slider-control-background": /*elided*/ any;
11158
11173
  "slider-notch-background": /*elided*/ any;
11159
11174
  "switch-background-default": /*elided*/ any;
11160
11175
  "switch-background-hover": /*elided*/ any;
@@ -11176,19 +11191,19 @@ declare const globalCss: <Styles extends {
11176
11191
  "icon-on-static-dark-subtle": /*elided*/ any;
11177
11192
  "icon-placeholder": /*elided*/ any;
11178
11193
  "icon-secondary": /*elided*/ any;
11194
+ "icon-interactive-on-inverted": /*elided*/ any;
11195
+ "icon-interactive-on-inverted-hover": /*elided*/ any;
11196
+ "icon-interactive-on-inverted-pressed": /*elided*/ any;
11197
+ "icon-interactive-on-inverted-secondary": /*elided*/ any;
11198
+ "icon-interactive-on-inverted-secondary-hover": /*elided*/ any;
11199
+ "icon-interactive-on-inverted-secondary-pressed": /*elided*/ any;
11200
+ "icon-interactive-primary": /*elided*/ any;
11201
+ "icon-interactive-primary-hover": /*elided*/ any;
11202
+ "icon-interactive-primary-pressed": /*elided*/ any;
11203
+ "icon-interactive-secondary": /*elided*/ any;
11204
+ "icon-interactive-secondary-hover": /*elided*/ any;
11205
+ "icon-interactive-secondary-pressed": /*elided*/ any;
11179
11206
  "icon-interactive-selected": /*elided*/ any;
11180
- "icon-link": /*elided*/ any;
11181
- "icon-link-hover": /*elided*/ any;
11182
- "icon-link-on-inverted": /*elided*/ any;
11183
- "icon-link-on-inverted-hover": /*elided*/ any;
11184
- "icon-link-on-inverted-pressed": /*elided*/ any;
11185
- "icon-link-on-inverted-secondary": /*elided*/ any;
11186
- "icon-link-on-inverted-secondary-hover": /*elided*/ any;
11187
- "icon-link-on-inverted-secondary-pressed": /*elided*/ any;
11188
- "icon-link-pressed": /*elided*/ any;
11189
- "icon-link-secondary": /*elided*/ any;
11190
- "icon-link-secondary-hover": /*elided*/ any;
11191
- "icon-link-secondary-pressed": /*elided*/ any;
11192
11207
  "icon-on-interactive-danger": /*elided*/ any;
11193
11208
  "icon-on-interactive-primary": /*elided*/ any;
11194
11209
  "icon-on-interactive-secondary": /*elided*/ any;
@@ -11236,19 +11251,19 @@ declare const globalCss: <Styles extends {
11236
11251
  "text-danger-hover": /*elided*/ any;
11237
11252
  "text-danger-inverted": /*elided*/ any;
11238
11253
  "text-danger-pressed": /*elided*/ any;
11254
+ "text-interactive-on-inverted": /*elided*/ any;
11255
+ "text-interactive-on-inverted-hover": /*elided*/ any;
11256
+ "text-interactive-on-inverted-pressed": /*elided*/ any;
11257
+ "text-interactive-on-inverted-secondary": /*elided*/ any;
11258
+ "text-interactive-on-inverted-secondary-hover": /*elided*/ any;
11259
+ "text-interactive-on-inverted-secondary-pressed": /*elided*/ any;
11260
+ "text-interactive-primary": /*elided*/ any;
11261
+ "text-interactive-primary-hover": /*elided*/ any;
11262
+ "text-interactive-primary-pressed": /*elided*/ any;
11263
+ "text-interactive-secondary": /*elided*/ any;
11264
+ "text-interactive-secondary-hover": /*elided*/ any;
11265
+ "text-interactive-secondary-pressed": /*elided*/ any;
11239
11266
  "text-interactive-selected": /*elided*/ any;
11240
- "text-link": /*elided*/ any;
11241
- "text-link-hover": /*elided*/ any;
11242
- "text-link-on-inverted": /*elided*/ any;
11243
- "text-link-on-inverted-hover": /*elided*/ any;
11244
- "text-link-on-inverted-pressed": /*elided*/ any;
11245
- "text-link-on-inverted-secondary": /*elided*/ any;
11246
- "text-link-on-inverted-secondary-hover": /*elided*/ any;
11247
- "text-link-on-inverted-secondary-pressed": /*elided*/ any;
11248
- "text-link-pressed": /*elided*/ any;
11249
- "text-link-secondary": /*elided*/ any;
11250
- "text-link-secondary-hover": /*elided*/ any;
11251
- "text-link-secondary-pressed": /*elided*/ any;
11252
11267
  "text-on-interactive-danger": /*elided*/ any;
11253
11268
  "text-on-interactive-primary": /*elided*/ any;
11254
11269
  "text-on-interactive-secondary": /*elided*/ any;
@@ -12152,6 +12167,7 @@ declare const globalCss: <Styles extends {
12152
12167
  "background-interactive-primary": /*elided*/ any;
12153
12168
  "background-interactive-primary-hover": /*elided*/ any;
12154
12169
  "background-interactive-primary-pressed": /*elided*/ any;
12170
+ "background-interactive-secondary-selected": /*elided*/ any;
12155
12171
  "background-interactive-selected": /*elided*/ any;
12156
12172
  "background-interactive-surface-hover": /*elided*/ any;
12157
12173
  "background-interactive-surface-secondary-hover": /*elided*/ any;
@@ -12204,6 +12220,8 @@ declare const globalCss: <Styles extends {
12204
12220
  "border-disabled": /*elided*/ any;
12205
12221
  "border-inverted": /*elided*/ any;
12206
12222
  "border-inverted-subtle": /*elided*/ any;
12223
+ "border-option": /*elided*/ any;
12224
+ "border-option-hover": /*elided*/ any;
12207
12225
  "border-static-dark": /*elided*/ any;
12208
12226
  "border-static-dark-subtle": /*elided*/ any;
12209
12227
  "border-strong": /*elided*/ any;
@@ -12318,19 +12336,18 @@ declare const globalCss: <Styles extends {
12318
12336
  "format-icon-slides": /*elided*/ any;
12319
12337
  "format-icon-table": /*elided*/ any;
12320
12338
  "format-icon-timeline": /*elided*/ any;
12321
- "input-background-active": /*elided*/ any;
12322
12339
  "input-background-alt-active": /*elided*/ any;
12323
12340
  "input-background-alt-default": /*elided*/ any;
12324
12341
  "input-background-alt-hover": /*elided*/ any;
12325
12342
  "input-background-default": /*elided*/ any;
12326
12343
  "input-background-disabled": /*elided*/ any;
12344
+ "input-background-focused": /*elided*/ any;
12327
12345
  "input-background-hover": /*elided*/ any;
12328
- "input-border-active": /*elided*/ any;
12329
12346
  "input-border-default": /*elided*/ any;
12330
12347
  "input-border-disabled": /*elided*/ any;
12331
12348
  "input-border-error": /*elided*/ any;
12349
+ "input-border-focused": /*elided*/ any;
12332
12350
  "input-border-hover": /*elided*/ any;
12333
- "input-border-selection-control": /*elided*/ any;
12334
12351
  "input-border-success": /*elided*/ any;
12335
12352
  "notification-background": /*elided*/ any;
12336
12353
  "notification-border": /*elided*/ any;
@@ -12340,6 +12357,7 @@ declare const globalCss: <Styles extends {
12340
12357
  "scrollbar-background": /*elided*/ any;
12341
12358
  "scrollbar-background-hover": /*elided*/ any;
12342
12359
  "slider-background": /*elided*/ any;
12360
+ "slider-control-background": /*elided*/ any;
12343
12361
  "slider-notch-background": /*elided*/ any;
12344
12362
  "switch-background-default": /*elided*/ any;
12345
12363
  "switch-background-hover": /*elided*/ any;
@@ -12361,19 +12379,19 @@ declare const globalCss: <Styles extends {
12361
12379
  "icon-on-static-dark-subtle": /*elided*/ any;
12362
12380
  "icon-placeholder": /*elided*/ any;
12363
12381
  "icon-secondary": /*elided*/ any;
12382
+ "icon-interactive-on-inverted": /*elided*/ any;
12383
+ "icon-interactive-on-inverted-hover": /*elided*/ any;
12384
+ "icon-interactive-on-inverted-pressed": /*elided*/ any;
12385
+ "icon-interactive-on-inverted-secondary": /*elided*/ any;
12386
+ "icon-interactive-on-inverted-secondary-hover": /*elided*/ any;
12387
+ "icon-interactive-on-inverted-secondary-pressed": /*elided*/ any;
12388
+ "icon-interactive-primary": /*elided*/ any;
12389
+ "icon-interactive-primary-hover": /*elided*/ any;
12390
+ "icon-interactive-primary-pressed": /*elided*/ any;
12391
+ "icon-interactive-secondary": /*elided*/ any;
12392
+ "icon-interactive-secondary-hover": /*elided*/ any;
12393
+ "icon-interactive-secondary-pressed": /*elided*/ any;
12364
12394
  "icon-interactive-selected": /*elided*/ any;
12365
- "icon-link": /*elided*/ any;
12366
- "icon-link-hover": /*elided*/ any;
12367
- "icon-link-on-inverted": /*elided*/ any;
12368
- "icon-link-on-inverted-hover": /*elided*/ any;
12369
- "icon-link-on-inverted-pressed": /*elided*/ any;
12370
- "icon-link-on-inverted-secondary": /*elided*/ any;
12371
- "icon-link-on-inverted-secondary-hover": /*elided*/ any;
12372
- "icon-link-on-inverted-secondary-pressed": /*elided*/ any;
12373
- "icon-link-pressed": /*elided*/ any;
12374
- "icon-link-secondary": /*elided*/ any;
12375
- "icon-link-secondary-hover": /*elided*/ any;
12376
- "icon-link-secondary-pressed": /*elided*/ any;
12377
12395
  "icon-on-interactive-danger": /*elided*/ any;
12378
12396
  "icon-on-interactive-primary": /*elided*/ any;
12379
12397
  "icon-on-interactive-secondary": /*elided*/ any;
@@ -12421,19 +12439,19 @@ declare const globalCss: <Styles extends {
12421
12439
  "text-danger-hover": /*elided*/ any;
12422
12440
  "text-danger-inverted": /*elided*/ any;
12423
12441
  "text-danger-pressed": /*elided*/ any;
12442
+ "text-interactive-on-inverted": /*elided*/ any;
12443
+ "text-interactive-on-inverted-hover": /*elided*/ any;
12444
+ "text-interactive-on-inverted-pressed": /*elided*/ any;
12445
+ "text-interactive-on-inverted-secondary": /*elided*/ any;
12446
+ "text-interactive-on-inverted-secondary-hover": /*elided*/ any;
12447
+ "text-interactive-on-inverted-secondary-pressed": /*elided*/ any;
12448
+ "text-interactive-primary": /*elided*/ any;
12449
+ "text-interactive-primary-hover": /*elided*/ any;
12450
+ "text-interactive-primary-pressed": /*elided*/ any;
12451
+ "text-interactive-secondary": /*elided*/ any;
12452
+ "text-interactive-secondary-hover": /*elided*/ any;
12453
+ "text-interactive-secondary-pressed": /*elided*/ any;
12424
12454
  "text-interactive-selected": /*elided*/ any;
12425
- "text-link": /*elided*/ any;
12426
- "text-link-hover": /*elided*/ any;
12427
- "text-link-on-inverted": /*elided*/ any;
12428
- "text-link-on-inverted-hover": /*elided*/ any;
12429
- "text-link-on-inverted-pressed": /*elided*/ any;
12430
- "text-link-on-inverted-secondary": /*elided*/ any;
12431
- "text-link-on-inverted-secondary-hover": /*elided*/ any;
12432
- "text-link-on-inverted-secondary-pressed": /*elided*/ any;
12433
- "text-link-pressed": /*elided*/ any;
12434
- "text-link-secondary": /*elided*/ any;
12435
- "text-link-secondary-hover": /*elided*/ any;
12436
- "text-link-secondary-pressed": /*elided*/ any;
12437
12455
  "text-on-interactive-danger": /*elided*/ any;
12438
12456
  "text-on-interactive-primary": /*elided*/ any;
12439
12457
  "text-on-interactive-secondary": /*elided*/ any;
@@ -13340,6 +13358,7 @@ declare const keyframes: (style: {
13340
13358
  "background-interactive-primary": /*elided*/ any;
13341
13359
  "background-interactive-primary-hover": /*elided*/ any;
13342
13360
  "background-interactive-primary-pressed": /*elided*/ any;
13361
+ "background-interactive-secondary-selected": /*elided*/ any;
13343
13362
  "background-interactive-selected": /*elided*/ any;
13344
13363
  "background-interactive-surface-hover": /*elided*/ any;
13345
13364
  "background-interactive-surface-secondary-hover": /*elided*/ any;
@@ -13392,6 +13411,8 @@ declare const keyframes: (style: {
13392
13411
  "border-disabled": /*elided*/ any;
13393
13412
  "border-inverted": /*elided*/ any;
13394
13413
  "border-inverted-subtle": /*elided*/ any;
13414
+ "border-option": /*elided*/ any;
13415
+ "border-option-hover": /*elided*/ any;
13395
13416
  "border-static-dark": /*elided*/ any;
13396
13417
  "border-static-dark-subtle": /*elided*/ any;
13397
13418
  "border-strong": /*elided*/ any;
@@ -13506,19 +13527,18 @@ declare const keyframes: (style: {
13506
13527
  "format-icon-slides": /*elided*/ any;
13507
13528
  "format-icon-table": /*elided*/ any;
13508
13529
  "format-icon-timeline": /*elided*/ any;
13509
- "input-background-active": /*elided*/ any;
13510
13530
  "input-background-alt-active": /*elided*/ any;
13511
13531
  "input-background-alt-default": /*elided*/ any;
13512
13532
  "input-background-alt-hover": /*elided*/ any;
13513
13533
  "input-background-default": /*elided*/ any;
13514
13534
  "input-background-disabled": /*elided*/ any;
13535
+ "input-background-focused": /*elided*/ any;
13515
13536
  "input-background-hover": /*elided*/ any;
13516
- "input-border-active": /*elided*/ any;
13517
13537
  "input-border-default": /*elided*/ any;
13518
13538
  "input-border-disabled": /*elided*/ any;
13519
13539
  "input-border-error": /*elided*/ any;
13540
+ "input-border-focused": /*elided*/ any;
13520
13541
  "input-border-hover": /*elided*/ any;
13521
- "input-border-selection-control": /*elided*/ any;
13522
13542
  "input-border-success": /*elided*/ any;
13523
13543
  "notification-background": /*elided*/ any;
13524
13544
  "notification-border": /*elided*/ any;
@@ -13528,6 +13548,7 @@ declare const keyframes: (style: {
13528
13548
  "scrollbar-background": /*elided*/ any;
13529
13549
  "scrollbar-background-hover": /*elided*/ any;
13530
13550
  "slider-background": /*elided*/ any;
13551
+ "slider-control-background": /*elided*/ any;
13531
13552
  "slider-notch-background": /*elided*/ any;
13532
13553
  "switch-background-default": /*elided*/ any;
13533
13554
  "switch-background-hover": /*elided*/ any;
@@ -13549,19 +13570,19 @@ declare const keyframes: (style: {
13549
13570
  "icon-on-static-dark-subtle": /*elided*/ any;
13550
13571
  "icon-placeholder": /*elided*/ any;
13551
13572
  "icon-secondary": /*elided*/ any;
13573
+ "icon-interactive-on-inverted": /*elided*/ any;
13574
+ "icon-interactive-on-inverted-hover": /*elided*/ any;
13575
+ "icon-interactive-on-inverted-pressed": /*elided*/ any;
13576
+ "icon-interactive-on-inverted-secondary": /*elided*/ any;
13577
+ "icon-interactive-on-inverted-secondary-hover": /*elided*/ any;
13578
+ "icon-interactive-on-inverted-secondary-pressed": /*elided*/ any;
13579
+ "icon-interactive-primary": /*elided*/ any;
13580
+ "icon-interactive-primary-hover": /*elided*/ any;
13581
+ "icon-interactive-primary-pressed": /*elided*/ any;
13582
+ "icon-interactive-secondary": /*elided*/ any;
13583
+ "icon-interactive-secondary-hover": /*elided*/ any;
13584
+ "icon-interactive-secondary-pressed": /*elided*/ any;
13552
13585
  "icon-interactive-selected": /*elided*/ any;
13553
- "icon-link": /*elided*/ any;
13554
- "icon-link-hover": /*elided*/ any;
13555
- "icon-link-on-inverted": /*elided*/ any;
13556
- "icon-link-on-inverted-hover": /*elided*/ any;
13557
- "icon-link-on-inverted-pressed": /*elided*/ any;
13558
- "icon-link-on-inverted-secondary": /*elided*/ any;
13559
- "icon-link-on-inverted-secondary-hover": /*elided*/ any;
13560
- "icon-link-on-inverted-secondary-pressed": /*elided*/ any;
13561
- "icon-link-pressed": /*elided*/ any;
13562
- "icon-link-secondary": /*elided*/ any;
13563
- "icon-link-secondary-hover": /*elided*/ any;
13564
- "icon-link-secondary-pressed": /*elided*/ any;
13565
13586
  "icon-on-interactive-danger": /*elided*/ any;
13566
13587
  "icon-on-interactive-primary": /*elided*/ any;
13567
13588
  "icon-on-interactive-secondary": /*elided*/ any;
@@ -13609,19 +13630,19 @@ declare const keyframes: (style: {
13609
13630
  "text-danger-hover": /*elided*/ any;
13610
13631
  "text-danger-inverted": /*elided*/ any;
13611
13632
  "text-danger-pressed": /*elided*/ any;
13633
+ "text-interactive-on-inverted": /*elided*/ any;
13634
+ "text-interactive-on-inverted-hover": /*elided*/ any;
13635
+ "text-interactive-on-inverted-pressed": /*elided*/ any;
13636
+ "text-interactive-on-inverted-secondary": /*elided*/ any;
13637
+ "text-interactive-on-inverted-secondary-hover": /*elided*/ any;
13638
+ "text-interactive-on-inverted-secondary-pressed": /*elided*/ any;
13639
+ "text-interactive-primary": /*elided*/ any;
13640
+ "text-interactive-primary-hover": /*elided*/ any;
13641
+ "text-interactive-primary-pressed": /*elided*/ any;
13642
+ "text-interactive-secondary": /*elided*/ any;
13643
+ "text-interactive-secondary-hover": /*elided*/ any;
13644
+ "text-interactive-secondary-pressed": /*elided*/ any;
13612
13645
  "text-interactive-selected": /*elided*/ any;
13613
- "text-link": /*elided*/ any;
13614
- "text-link-hover": /*elided*/ any;
13615
- "text-link-on-inverted": /*elided*/ any;
13616
- "text-link-on-inverted-hover": /*elided*/ any;
13617
- "text-link-on-inverted-pressed": /*elided*/ any;
13618
- "text-link-on-inverted-secondary": /*elided*/ any;
13619
- "text-link-on-inverted-secondary-hover": /*elided*/ any;
13620
- "text-link-on-inverted-secondary-pressed": /*elided*/ any;
13621
- "text-link-pressed": /*elided*/ any;
13622
- "text-link-secondary": /*elided*/ any;
13623
- "text-link-secondary-hover": /*elided*/ any;
13624
- "text-link-secondary-pressed": /*elided*/ any;
13625
13646
  "text-on-interactive-danger": /*elided*/ any;
13626
13647
  "text-on-interactive-primary": /*elided*/ any;
13627
13648
  "text-on-interactive-secondary": /*elided*/ any;
@@ -14698,6 +14719,7 @@ declare const theme: {
14698
14719
  "background-interactive-primary": _mirohq_design_system_themes.Color;
14699
14720
  "background-interactive-primary-hover": _mirohq_design_system_themes.Color;
14700
14721
  "background-interactive-primary-pressed": _mirohq_design_system_themes.Color;
14722
+ "background-interactive-secondary-selected": _mirohq_design_system_themes.Color;
14701
14723
  "background-interactive-selected": _mirohq_design_system_themes.Color;
14702
14724
  "background-interactive-surface-hover": _mirohq_design_system_themes.Color;
14703
14725
  "background-interactive-surface-secondary-hover": _mirohq_design_system_themes.Color;
@@ -14750,6 +14772,8 @@ declare const theme: {
14750
14772
  "border-disabled": _mirohq_design_system_themes.Color;
14751
14773
  "border-inverted": _mirohq_design_system_themes.Color;
14752
14774
  "border-inverted-subtle": _mirohq_design_system_themes.Color;
14775
+ "border-option": _mirohq_design_system_themes.Color;
14776
+ "border-option-hover": _mirohq_design_system_themes.Color;
14753
14777
  "border-static-dark": _mirohq_design_system_themes.Color;
14754
14778
  "border-static-dark-subtle": _mirohq_design_system_themes.Color;
14755
14779
  "border-strong": _mirohq_design_system_themes.Color;
@@ -14864,19 +14888,18 @@ declare const theme: {
14864
14888
  "format-icon-slides": _mirohq_design_system_themes.Color;
14865
14889
  "format-icon-table": _mirohq_design_system_themes.Color;
14866
14890
  "format-icon-timeline": _mirohq_design_system_themes.Color;
14867
- "input-background-active": _mirohq_design_system_themes.Color;
14868
14891
  "input-background-alt-active": _mirohq_design_system_themes.Color;
14869
14892
  "input-background-alt-default": _mirohq_design_system_themes.Color;
14870
14893
  "input-background-alt-hover": _mirohq_design_system_themes.Color;
14871
14894
  "input-background-default": _mirohq_design_system_themes.Color;
14872
14895
  "input-background-disabled": _mirohq_design_system_themes.Color;
14896
+ "input-background-focused": _mirohq_design_system_themes.Color;
14873
14897
  "input-background-hover": _mirohq_design_system_themes.Color;
14874
- "input-border-active": _mirohq_design_system_themes.Color;
14875
14898
  "input-border-default": _mirohq_design_system_themes.Color;
14876
14899
  "input-border-disabled": _mirohq_design_system_themes.Color;
14877
14900
  "input-border-error": _mirohq_design_system_themes.Color;
14901
+ "input-border-focused": _mirohq_design_system_themes.Color;
14878
14902
  "input-border-hover": _mirohq_design_system_themes.Color;
14879
- "input-border-selection-control": _mirohq_design_system_themes.Color;
14880
14903
  "input-border-success": _mirohq_design_system_themes.Color;
14881
14904
  "notification-background": _mirohq_design_system_themes.Color;
14882
14905
  "notification-border": _mirohq_design_system_themes.Color;
@@ -14886,6 +14909,7 @@ declare const theme: {
14886
14909
  "scrollbar-background": _mirohq_design_system_themes.Color;
14887
14910
  "scrollbar-background-hover": _mirohq_design_system_themes.Color;
14888
14911
  "slider-background": _mirohq_design_system_themes.Color;
14912
+ "slider-control-background": _mirohq_design_system_themes.Color;
14889
14913
  "slider-notch-background": _mirohq_design_system_themes.Color;
14890
14914
  "switch-background-default": _mirohq_design_system_themes.Color;
14891
14915
  "switch-background-hover": _mirohq_design_system_themes.Color;
@@ -14907,19 +14931,19 @@ declare const theme: {
14907
14931
  "icon-on-static-dark-subtle": _mirohq_design_system_themes.Color;
14908
14932
  "icon-placeholder": _mirohq_design_system_themes.Color;
14909
14933
  "icon-secondary": _mirohq_design_system_themes.Color;
14934
+ "icon-interactive-on-inverted": _mirohq_design_system_themes.Color;
14935
+ "icon-interactive-on-inverted-hover": _mirohq_design_system_themes.Color;
14936
+ "icon-interactive-on-inverted-pressed": _mirohq_design_system_themes.Color;
14937
+ "icon-interactive-on-inverted-secondary": _mirohq_design_system_themes.Color;
14938
+ "icon-interactive-on-inverted-secondary-hover": _mirohq_design_system_themes.Color;
14939
+ "icon-interactive-on-inverted-secondary-pressed": _mirohq_design_system_themes.Color;
14940
+ "icon-interactive-primary": _mirohq_design_system_themes.Color;
14941
+ "icon-interactive-primary-hover": _mirohq_design_system_themes.Color;
14942
+ "icon-interactive-primary-pressed": _mirohq_design_system_themes.Color;
14943
+ "icon-interactive-secondary": _mirohq_design_system_themes.Color;
14944
+ "icon-interactive-secondary-hover": _mirohq_design_system_themes.Color;
14945
+ "icon-interactive-secondary-pressed": _mirohq_design_system_themes.Color;
14910
14946
  "icon-interactive-selected": _mirohq_design_system_themes.Color;
14911
- "icon-link": _mirohq_design_system_themes.Color;
14912
- "icon-link-hover": _mirohq_design_system_themes.Color;
14913
- "icon-link-on-inverted": _mirohq_design_system_themes.Color;
14914
- "icon-link-on-inverted-hover": _mirohq_design_system_themes.Color;
14915
- "icon-link-on-inverted-pressed": _mirohq_design_system_themes.Color;
14916
- "icon-link-on-inverted-secondary": _mirohq_design_system_themes.Color;
14917
- "icon-link-on-inverted-secondary-hover": _mirohq_design_system_themes.Color;
14918
- "icon-link-on-inverted-secondary-pressed": _mirohq_design_system_themes.Color;
14919
- "icon-link-pressed": _mirohq_design_system_themes.Color;
14920
- "icon-link-secondary": _mirohq_design_system_themes.Color;
14921
- "icon-link-secondary-hover": _mirohq_design_system_themes.Color;
14922
- "icon-link-secondary-pressed": _mirohq_design_system_themes.Color;
14923
14947
  "icon-on-interactive-danger": _mirohq_design_system_themes.Color;
14924
14948
  "icon-on-interactive-primary": _mirohq_design_system_themes.Color;
14925
14949
  "icon-on-interactive-secondary": _mirohq_design_system_themes.Color;
@@ -14967,19 +14991,19 @@ declare const theme: {
14967
14991
  "text-danger-hover": _mirohq_design_system_themes.Color;
14968
14992
  "text-danger-inverted": _mirohq_design_system_themes.Color;
14969
14993
  "text-danger-pressed": _mirohq_design_system_themes.Color;
14994
+ "text-interactive-on-inverted": _mirohq_design_system_themes.Color;
14995
+ "text-interactive-on-inverted-hover": _mirohq_design_system_themes.Color;
14996
+ "text-interactive-on-inverted-pressed": _mirohq_design_system_themes.Color;
14997
+ "text-interactive-on-inverted-secondary": _mirohq_design_system_themes.Color;
14998
+ "text-interactive-on-inverted-secondary-hover": _mirohq_design_system_themes.Color;
14999
+ "text-interactive-on-inverted-secondary-pressed": _mirohq_design_system_themes.Color;
15000
+ "text-interactive-primary": _mirohq_design_system_themes.Color;
15001
+ "text-interactive-primary-hover": _mirohq_design_system_themes.Color;
15002
+ "text-interactive-primary-pressed": _mirohq_design_system_themes.Color;
15003
+ "text-interactive-secondary": _mirohq_design_system_themes.Color;
15004
+ "text-interactive-secondary-hover": _mirohq_design_system_themes.Color;
15005
+ "text-interactive-secondary-pressed": _mirohq_design_system_themes.Color;
14970
15006
  "text-interactive-selected": _mirohq_design_system_themes.Color;
14971
- "text-link": _mirohq_design_system_themes.Color;
14972
- "text-link-hover": _mirohq_design_system_themes.Color;
14973
- "text-link-on-inverted": _mirohq_design_system_themes.Color;
14974
- "text-link-on-inverted-hover": _mirohq_design_system_themes.Color;
14975
- "text-link-on-inverted-pressed": _mirohq_design_system_themes.Color;
14976
- "text-link-on-inverted-secondary": _mirohq_design_system_themes.Color;
14977
- "text-link-on-inverted-secondary-hover": _mirohq_design_system_themes.Color;
14978
- "text-link-on-inverted-secondary-pressed": _mirohq_design_system_themes.Color;
14979
- "text-link-pressed": _mirohq_design_system_themes.Color;
14980
- "text-link-secondary": _mirohq_design_system_themes.Color;
14981
- "text-link-secondary-hover": _mirohq_design_system_themes.Color;
14982
- "text-link-secondary-pressed": _mirohq_design_system_themes.Color;
14983
15007
  "text-on-interactive-danger": _mirohq_design_system_themes.Color;
14984
15008
  "text-on-interactive-primary": _mirohq_design_system_themes.Color;
14985
15009
  "text-on-interactive-secondary": _mirohq_design_system_themes.Color;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-stitches",
3
- "version": "3.3.7",
3
+ "version": "3.3.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,9 +27,9 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "lodash.merge": "^4.6.2",
30
- "@mirohq/design-system-themes": "^1.3.4",
30
+ "@mirohq/design-system-themes": "^1.3.6",
31
31
  "@mirohq/design-system-types": "^1.0.3",
32
- "@mirohq/design-tokens": "^8.0.1"
32
+ "@mirohq/design-tokens": "^10.0.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@types/lodash.merge": "^4.6.7"