@mirohq/design-system-typography 0.2.7 → 0.2.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 +106 -86
  2. package/package.json +2 -2
package/dist/types.d.ts CHANGED
@@ -80,89 +80,93 @@ declare const H1: react.ForwardRefExoticComponent<Pick<Omit<{
80
80
  readonly black: any;
81
81
  readonly white: any;
82
82
  readonly transparent: any;
83
+ readonly 'background-danger'?: any;
84
+ readonly 'background-danger-hover'?: any;
85
+ readonly 'background-danger-prominent'?: any;
86
+ readonly 'background-danger-prominent-active'?: any;
87
+ readonly 'background-danger-prominent-hover'?: any;
83
88
  readonly 'background-neutrals'?: any;
84
89
  readonly 'background-neutrals-body'?: any;
85
90
  readonly 'background-neutrals-container'?: any;
91
+ readonly 'background-neutrals-controls-disabled'?: any;
92
+ readonly 'background-neutrals-disabled'?: any;
93
+ readonly 'background-neutrals-inactive'?: any;
94
+ readonly 'background-neutrals-inactive-hover'?: any;
86
95
  readonly 'background-neutrals-inverted'?: any;
87
96
  readonly 'background-neutrals-inverted-subtle'?: any;
97
+ readonly 'background-neutrals-scrolls'?: any;
98
+ readonly 'background-neutrals-scrolls-hover'?: any;
88
99
  readonly 'background-neutrals-subtle'?: any;
89
- readonly 'background-neutrals-subtle-hover'?: any;
90
100
  readonly 'background-neutrals-subtle-active'?: any;
91
- readonly 'background-neutrals-disabled'?: any;
92
- readonly 'background-neutrals-controls-disabled'?: any;
93
- readonly 'background-neutrals-scrolls'?: any;
94
- readonly 'background-neutrals-inactive'?: any;
95
- readonly 'background-neutrals-inactive-hover'?: any;
101
+ readonly 'background-neutrals-subtle-hover'?: any;
96
102
  readonly 'background-primary-prominent'?: any;
97
- readonly 'background-primary-prominent-hover'?: any;
98
103
  readonly 'background-primary-prominent-active'?: any;
104
+ readonly 'background-primary-prominent-hover'?: any;
99
105
  readonly 'background-primary-prominent-selected'?: any;
100
106
  readonly 'background-primary-subtle'?: any;
101
- readonly 'background-primary-subtle-hover'?: any;
102
107
  readonly 'background-primary-subtle-active'?: any;
108
+ readonly 'background-primary-subtle-hover'?: any;
103
109
  readonly 'background-primary-subtle-selected'?: any;
104
- readonly 'background-danger-prominent'?: any;
105
- readonly 'background-danger-prominent-hover'?: any;
106
- readonly 'background-danger-prominent-active'?: any;
107
- readonly 'background-danger'?: any;
108
- readonly 'background-danger-hover'?: any;
109
110
  readonly 'background-success'?: any;
110
- readonly 'background-warning-subtle'?: any;
111
111
  readonly 'background-warning-prominent'?: any;
112
- readonly 'text-neutrals-inverted'?: any;
112
+ readonly 'background-warning-subtle'?: any;
113
+ readonly 'text-danger'?: any;
114
+ readonly 'text-danger-active'?: any;
115
+ readonly 'text-danger-hover'?: any;
116
+ readonly 'text-danger-inverted'?: any;
113
117
  readonly 'text-neutrals'?: any;
114
- readonly 'text-neutrals-subtle'?: any;
115
- readonly 'text-neutrals-placeholder-only'?: any;
116
- readonly 'text-neutrals-placeholder'?: any;
117
118
  readonly 'text-neutrals-disabled'?: any;
118
- readonly 'text-primary-inverted'?: any;
119
+ readonly 'text-neutrals-inverted'?: any;
120
+ readonly 'text-neutrals-link'?: any;
121
+ readonly 'text-neutrals-link-active'?: any;
122
+ readonly 'text-neutrals-link-hover'?: any;
123
+ readonly 'text-neutrals-placeholder'?: any;
124
+ readonly 'text-neutrals-placeholder-only'?: any;
125
+ readonly 'text-neutrals-subtle'?: any;
119
126
  readonly 'text-primary'?: any;
120
- readonly 'text-primary-hover'?: any;
121
127
  readonly 'text-primary-active'?: any;
122
- readonly 'text-primary-selected'?: any;
128
+ readonly 'text-primary-hover'?: any;
129
+ readonly 'text-primary-inverted'?: any;
123
130
  readonly 'text-primary-inverted-subtle'?: any;
124
- readonly 'text-danger-inverted'?: any;
125
- readonly 'text-danger'?: any;
126
- readonly 'text-danger-hover'?: any;
127
- readonly 'text-danger-active'?: any;
131
+ readonly 'text-primary-selected'?: any;
128
132
  readonly 'text-success'?: any;
129
133
  readonly 'text-warning'?: any;
130
- readonly 'icon-neutrals-inverted'?: any;
134
+ readonly 'icon-danger'?: any;
135
+ readonly 'icon-danger-active'?: any;
136
+ readonly 'icon-danger-hover'?: any;
137
+ readonly 'icon-danger-inverted'?: any;
131
138
  readonly 'icon-neutrals'?: any;
132
- readonly 'icon-neutrals-with-text'?: any;
133
- readonly 'icon-neutrals-subtle'?: any;
134
139
  readonly 'icon-neutrals-disabled'?: any;
135
- readonly 'icon-neutrals-search'?: any;
136
140
  readonly 'icon-neutrals-inactive'?: any;
137
141
  readonly 'icon-neutrals-inactive-hover'?: any;
138
- readonly 'icon-primary-inverted'?: any;
142
+ readonly 'icon-neutrals-inverted'?: any;
143
+ readonly 'icon-neutrals-search'?: any;
144
+ readonly 'icon-neutrals-subtle'?: any;
145
+ readonly 'icon-neutrals-with-text'?: any;
139
146
  readonly 'icon-primary'?: any;
140
- readonly 'icon-primary-hover'?: any;
141
147
  readonly 'icon-primary-active'?: any;
148
+ readonly 'icon-primary-hover'?: any;
149
+ readonly 'icon-primary-inverted'?: any;
142
150
  readonly 'icon-primary-selected'?: any;
143
- readonly 'icon-danger-inverted'?: any;
144
- readonly 'icon-danger'?: any;
145
- readonly 'icon-danger-hover'?: any;
146
- readonly 'icon-danger-active'?: any;
147
- readonly 'icon-success-inverted'?: any;
148
151
  readonly 'icon-success'?: any;
152
+ readonly 'icon-success-inverted'?: any;
149
153
  readonly 'icon-warning'?: any;
150
- readonly 'border-focus-outer'?: any;
151
- readonly 'border-focus-middle'?: any;
154
+ readonly 'border-danger'?: any;
152
155
  readonly 'border-focus-inner'?: any;
156
+ readonly 'border-focus-middle'?: any;
157
+ readonly 'border-focus-outer'?: any;
153
158
  readonly 'border-neutrals'?: any;
154
- readonly 'border-neutrals-hover'?: any;
155
159
  readonly 'border-neutrals-active'?: any;
156
- readonly 'border-neutrals-disabled'?: any;
157
160
  readonly 'border-neutrals-controls'?: any;
158
161
  readonly 'border-neutrals-controls-disabled'?: any;
159
- readonly 'border-neutrals-subtle'?: any;
162
+ readonly 'border-neutrals-disabled'?: any;
163
+ readonly 'border-neutrals-hover'?: any;
160
164
  readonly 'border-neutrals-inverted'?: any;
165
+ readonly 'border-neutrals-subtle'?: any;
161
166
  readonly 'border-primary'?: any;
162
- readonly 'border-primary-hover'?: any;
163
167
  readonly 'border-primary-active'?: any;
168
+ readonly 'border-primary-hover'?: any;
164
169
  readonly 'border-primary-inverted'?: any;
165
- readonly 'border-danger'?: any;
166
170
  readonly 'border-success'?: any;
167
171
  readonly 'border-warning'?: any;
168
172
  };
@@ -256,6 +260,11 @@ declare const H1: react.ForwardRefExoticComponent<Pick<Omit<{
256
260
  readonly 'stacking-500': any;
257
261
  readonly 'stacking-800': any;
258
262
  };
263
+ 'stroke-width': {
264
+ readonly thin: "1.5px";
265
+ readonly normal: "2px";
266
+ readonly bold: "4px";
267
+ };
259
268
  'z-indices': {
260
269
  readonly dropdownMenu: 100;
261
270
  readonly popover: 200;
@@ -384,6 +393,7 @@ declare const H1: react.ForwardRefExoticComponent<Pick<Omit<{
384
393
  readonly scrollPaddingRight: "space-inset";
385
394
  readonly scrollPaddingTop: "space-inset";
386
395
  readonly stroke: "colors";
396
+ readonly strokeWidth: "stroke-width";
387
397
  readonly textDecorationColor: "colors";
388
398
  readonly textShadow: "shadows";
389
399
  readonly top: "space";
@@ -540,89 +550,93 @@ declare const StyledText: react.ForwardRefExoticComponent<Pick<Omit<{
540
550
  readonly black: any;
541
551
  readonly white: any;
542
552
  readonly transparent: any;
553
+ readonly 'background-danger'?: any;
554
+ readonly 'background-danger-hover'?: any;
555
+ readonly 'background-danger-prominent'?: any;
556
+ readonly 'background-danger-prominent-active'?: any;
557
+ readonly 'background-danger-prominent-hover'?: any;
543
558
  readonly 'background-neutrals'?: any;
544
559
  readonly 'background-neutrals-body'?: any;
545
560
  readonly 'background-neutrals-container'?: any;
561
+ readonly 'background-neutrals-controls-disabled'?: any;
562
+ readonly 'background-neutrals-disabled'?: any;
563
+ readonly 'background-neutrals-inactive'?: any;
564
+ readonly 'background-neutrals-inactive-hover'?: any;
546
565
  readonly 'background-neutrals-inverted'?: any;
547
566
  readonly 'background-neutrals-inverted-subtle'?: any;
567
+ readonly 'background-neutrals-scrolls'?: any;
568
+ readonly 'background-neutrals-scrolls-hover'?: any;
548
569
  readonly 'background-neutrals-subtle'?: any;
549
- readonly 'background-neutrals-subtle-hover'?: any;
550
570
  readonly 'background-neutrals-subtle-active'?: any;
551
- readonly 'background-neutrals-disabled'?: any;
552
- readonly 'background-neutrals-controls-disabled'?: any;
553
- readonly 'background-neutrals-scrolls'?: any;
554
- readonly 'background-neutrals-inactive'?: any;
555
- readonly 'background-neutrals-inactive-hover'?: any;
571
+ readonly 'background-neutrals-subtle-hover'?: any;
556
572
  readonly 'background-primary-prominent'?: any;
557
- readonly 'background-primary-prominent-hover'?: any;
558
573
  readonly 'background-primary-prominent-active'?: any;
574
+ readonly 'background-primary-prominent-hover'?: any;
559
575
  readonly 'background-primary-prominent-selected'?: any;
560
576
  readonly 'background-primary-subtle'?: any;
561
- readonly 'background-primary-subtle-hover'?: any;
562
577
  readonly 'background-primary-subtle-active'?: any;
578
+ readonly 'background-primary-subtle-hover'?: any;
563
579
  readonly 'background-primary-subtle-selected'?: any;
564
- readonly 'background-danger-prominent'?: any;
565
- readonly 'background-danger-prominent-hover'?: any;
566
- readonly 'background-danger-prominent-active'?: any;
567
- readonly 'background-danger'?: any;
568
- readonly 'background-danger-hover'?: any;
569
580
  readonly 'background-success'?: any;
570
- readonly 'background-warning-subtle'?: any;
571
581
  readonly 'background-warning-prominent'?: any;
572
- readonly 'text-neutrals-inverted'?: any;
582
+ readonly 'background-warning-subtle'?: any;
583
+ readonly 'text-danger'?: any;
584
+ readonly 'text-danger-active'?: any;
585
+ readonly 'text-danger-hover'?: any;
586
+ readonly 'text-danger-inverted'?: any;
573
587
  readonly 'text-neutrals'?: any;
574
- readonly 'text-neutrals-subtle'?: any;
575
- readonly 'text-neutrals-placeholder-only'?: any;
576
- readonly 'text-neutrals-placeholder'?: any;
577
588
  readonly 'text-neutrals-disabled'?: any;
578
- readonly 'text-primary-inverted'?: any;
589
+ readonly 'text-neutrals-inverted'?: any;
590
+ readonly 'text-neutrals-link'?: any;
591
+ readonly 'text-neutrals-link-active'?: any;
592
+ readonly 'text-neutrals-link-hover'?: any;
593
+ readonly 'text-neutrals-placeholder'?: any;
594
+ readonly 'text-neutrals-placeholder-only'?: any;
595
+ readonly 'text-neutrals-subtle'?: any;
579
596
  readonly 'text-primary'?: any;
580
- readonly 'text-primary-hover'?: any;
581
597
  readonly 'text-primary-active'?: any;
582
- readonly 'text-primary-selected'?: any;
598
+ readonly 'text-primary-hover'?: any;
599
+ readonly 'text-primary-inverted'?: any;
583
600
  readonly 'text-primary-inverted-subtle'?: any;
584
- readonly 'text-danger-inverted'?: any;
585
- readonly 'text-danger'?: any;
586
- readonly 'text-danger-hover'?: any;
587
- readonly 'text-danger-active'?: any;
601
+ readonly 'text-primary-selected'?: any;
588
602
  readonly 'text-success'?: any;
589
603
  readonly 'text-warning'?: any;
590
- readonly 'icon-neutrals-inverted'?: any;
604
+ readonly 'icon-danger'?: any;
605
+ readonly 'icon-danger-active'?: any;
606
+ readonly 'icon-danger-hover'?: any;
607
+ readonly 'icon-danger-inverted'?: any;
591
608
  readonly 'icon-neutrals'?: any;
592
- readonly 'icon-neutrals-with-text'?: any;
593
- readonly 'icon-neutrals-subtle'?: any;
594
609
  readonly 'icon-neutrals-disabled'?: any;
595
- readonly 'icon-neutrals-search'?: any;
596
610
  readonly 'icon-neutrals-inactive'?: any;
597
611
  readonly 'icon-neutrals-inactive-hover'?: any;
598
- readonly 'icon-primary-inverted'?: any;
612
+ readonly 'icon-neutrals-inverted'?: any;
613
+ readonly 'icon-neutrals-search'?: any;
614
+ readonly 'icon-neutrals-subtle'?: any;
615
+ readonly 'icon-neutrals-with-text'?: any;
599
616
  readonly 'icon-primary'?: any;
600
- readonly 'icon-primary-hover'?: any;
601
617
  readonly 'icon-primary-active'?: any;
618
+ readonly 'icon-primary-hover'?: any;
619
+ readonly 'icon-primary-inverted'?: any;
602
620
  readonly 'icon-primary-selected'?: any;
603
- readonly 'icon-danger-inverted'?: any;
604
- readonly 'icon-danger'?: any;
605
- readonly 'icon-danger-hover'?: any;
606
- readonly 'icon-danger-active'?: any;
607
- readonly 'icon-success-inverted'?: any;
608
621
  readonly 'icon-success'?: any;
622
+ readonly 'icon-success-inverted'?: any;
609
623
  readonly 'icon-warning'?: any;
610
- readonly 'border-focus-outer'?: any;
611
- readonly 'border-focus-middle'?: any;
624
+ readonly 'border-danger'?: any;
612
625
  readonly 'border-focus-inner'?: any;
626
+ readonly 'border-focus-middle'?: any;
627
+ readonly 'border-focus-outer'?: any;
613
628
  readonly 'border-neutrals'?: any;
614
- readonly 'border-neutrals-hover'?: any;
615
629
  readonly 'border-neutrals-active'?: any;
616
- readonly 'border-neutrals-disabled'?: any;
617
630
  readonly 'border-neutrals-controls'?: any;
618
631
  readonly 'border-neutrals-controls-disabled'?: any;
619
- readonly 'border-neutrals-subtle'?: any;
632
+ readonly 'border-neutrals-disabled'?: any;
633
+ readonly 'border-neutrals-hover'?: any;
620
634
  readonly 'border-neutrals-inverted'?: any;
635
+ readonly 'border-neutrals-subtle'?: any;
621
636
  readonly 'border-primary'?: any;
622
- readonly 'border-primary-hover'?: any;
623
637
  readonly 'border-primary-active'?: any;
638
+ readonly 'border-primary-hover'?: any;
624
639
  readonly 'border-primary-inverted'?: any;
625
- readonly 'border-danger'?: any;
626
640
  readonly 'border-success'?: any;
627
641
  readonly 'border-warning'?: any;
628
642
  };
@@ -716,6 +730,11 @@ declare const StyledText: react.ForwardRefExoticComponent<Pick<Omit<{
716
730
  readonly 'stacking-500': any;
717
731
  readonly 'stacking-800': any;
718
732
  };
733
+ 'stroke-width': {
734
+ readonly thin: "1.5px";
735
+ readonly normal: "2px";
736
+ readonly bold: "4px";
737
+ };
719
738
  'z-indices': {
720
739
  readonly dropdownMenu: 100;
721
740
  readonly popover: 200;
@@ -844,6 +863,7 @@ declare const StyledText: react.ForwardRefExoticComponent<Pick<Omit<{
844
863
  readonly scrollPaddingRight: "space-inset";
845
864
  readonly scrollPaddingTop: "space-inset";
846
865
  readonly stroke: "colors";
866
+ readonly strokeWidth: "stroke-width";
847
867
  readonly textDecorationColor: "colors";
848
868
  readonly textShadow: "shadows";
849
869
  readonly top: "space";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-typography",
3
- "version": "0.2.7",
3
+ "version": "0.2.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.1.0",
30
- "@mirohq/design-system-stitches": "^2.2.4"
30
+ "@mirohq/design-system-stitches": "^2.3.0"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rollup -c ../../../rollup.config.js",