@reitwagen/design-components 0.0.5 → 0.0.6
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.
package/dist/index.css
CHANGED
|
@@ -616,6 +616,157 @@
|
|
|
616
616
|
}
|
|
617
617
|
}
|
|
618
618
|
}
|
|
619
|
+
@layer theme, base, components, utilities;
|
|
620
|
+
@layer theme;
|
|
621
|
+
@layer base {
|
|
622
|
+
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
|
623
|
+
box-sizing: border-box;
|
|
624
|
+
margin: 0;
|
|
625
|
+
padding: 0;
|
|
626
|
+
border: 0 solid;
|
|
627
|
+
}
|
|
628
|
+
html, :host {
|
|
629
|
+
line-height: 1.5;
|
|
630
|
+
-webkit-text-size-adjust: 100%;
|
|
631
|
+
tab-size: 4;
|
|
632
|
+
font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
|
|
633
|
+
font-feature-settings: var(--default-font-feature-settings, normal);
|
|
634
|
+
font-variation-settings: var(--default-font-variation-settings, normal);
|
|
635
|
+
-webkit-tap-highlight-color: transparent;
|
|
636
|
+
}
|
|
637
|
+
hr {
|
|
638
|
+
height: 0;
|
|
639
|
+
color: inherit;
|
|
640
|
+
border-top-width: 1px;
|
|
641
|
+
}
|
|
642
|
+
abbr:where([title]) {
|
|
643
|
+
-webkit-text-decoration: underline dotted;
|
|
644
|
+
text-decoration: underline dotted;
|
|
645
|
+
}
|
|
646
|
+
h1, h2, h3, h4, h5, h6 {
|
|
647
|
+
font-size: inherit;
|
|
648
|
+
font-weight: inherit;
|
|
649
|
+
}
|
|
650
|
+
a {
|
|
651
|
+
color: inherit;
|
|
652
|
+
-webkit-text-decoration: inherit;
|
|
653
|
+
text-decoration: inherit;
|
|
654
|
+
}
|
|
655
|
+
b, strong {
|
|
656
|
+
font-weight: bolder;
|
|
657
|
+
}
|
|
658
|
+
code, kbd, samp, pre {
|
|
659
|
+
font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
|
|
660
|
+
font-feature-settings: var(--default-mono-font-feature-settings, normal);
|
|
661
|
+
font-variation-settings: var(--default-mono-font-variation-settings, normal);
|
|
662
|
+
font-size: 1em;
|
|
663
|
+
}
|
|
664
|
+
small {
|
|
665
|
+
font-size: 80%;
|
|
666
|
+
}
|
|
667
|
+
sub, sup {
|
|
668
|
+
font-size: 75%;
|
|
669
|
+
line-height: 0;
|
|
670
|
+
position: relative;
|
|
671
|
+
vertical-align: baseline;
|
|
672
|
+
}
|
|
673
|
+
sub {
|
|
674
|
+
bottom: -0.25em;
|
|
675
|
+
}
|
|
676
|
+
sup {
|
|
677
|
+
top: -0.5em;
|
|
678
|
+
}
|
|
679
|
+
table {
|
|
680
|
+
text-indent: 0;
|
|
681
|
+
border-color: inherit;
|
|
682
|
+
border-collapse: collapse;
|
|
683
|
+
}
|
|
684
|
+
:-moz-focusring {
|
|
685
|
+
outline: auto;
|
|
686
|
+
}
|
|
687
|
+
progress {
|
|
688
|
+
vertical-align: baseline;
|
|
689
|
+
}
|
|
690
|
+
summary {
|
|
691
|
+
display: list-item;
|
|
692
|
+
}
|
|
693
|
+
ol, ul, menu {
|
|
694
|
+
list-style: none;
|
|
695
|
+
}
|
|
696
|
+
img, svg, video, canvas, audio, iframe, embed, object {
|
|
697
|
+
display: block;
|
|
698
|
+
vertical-align: middle;
|
|
699
|
+
}
|
|
700
|
+
img, video {
|
|
701
|
+
max-width: 100%;
|
|
702
|
+
height: auto;
|
|
703
|
+
}
|
|
704
|
+
button, input, select, optgroup, textarea, ::file-selector-button {
|
|
705
|
+
font: inherit;
|
|
706
|
+
font-feature-settings: inherit;
|
|
707
|
+
font-variation-settings: inherit;
|
|
708
|
+
letter-spacing: inherit;
|
|
709
|
+
color: inherit;
|
|
710
|
+
border-radius: 0;
|
|
711
|
+
background-color: transparent;
|
|
712
|
+
opacity: 1;
|
|
713
|
+
}
|
|
714
|
+
:where(select:is([multiple], [size])) optgroup {
|
|
715
|
+
font-weight: bolder;
|
|
716
|
+
}
|
|
717
|
+
:where(select:is([multiple], [size])) optgroup option {
|
|
718
|
+
padding-inline-start: 20px;
|
|
719
|
+
}
|
|
720
|
+
::file-selector-button {
|
|
721
|
+
margin-inline-end: 4px;
|
|
722
|
+
}
|
|
723
|
+
::placeholder {
|
|
724
|
+
opacity: 1;
|
|
725
|
+
}
|
|
726
|
+
@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
|
|
727
|
+
::placeholder {
|
|
728
|
+
color: currentcolor;
|
|
729
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
730
|
+
color: color-mix(in oklab, currentcolor 50%, transparent);
|
|
731
|
+
}
|
|
732
|
+
}
|
|
733
|
+
}
|
|
734
|
+
textarea {
|
|
735
|
+
resize: vertical;
|
|
736
|
+
}
|
|
737
|
+
::-webkit-search-decoration {
|
|
738
|
+
-webkit-appearance: none;
|
|
739
|
+
}
|
|
740
|
+
::-webkit-date-and-time-value {
|
|
741
|
+
min-height: 1lh;
|
|
742
|
+
text-align: inherit;
|
|
743
|
+
}
|
|
744
|
+
::-webkit-datetime-edit {
|
|
745
|
+
display: inline-flex;
|
|
746
|
+
}
|
|
747
|
+
::-webkit-datetime-edit-fields-wrapper {
|
|
748
|
+
padding: 0;
|
|
749
|
+
}
|
|
750
|
+
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
|
751
|
+
padding-block: 0;
|
|
752
|
+
}
|
|
753
|
+
::-webkit-calendar-picker-indicator {
|
|
754
|
+
line-height: 1;
|
|
755
|
+
}
|
|
756
|
+
:-moz-ui-invalid {
|
|
757
|
+
box-shadow: none;
|
|
758
|
+
}
|
|
759
|
+
button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
|
760
|
+
appearance: button;
|
|
761
|
+
}
|
|
762
|
+
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
|
763
|
+
height: auto;
|
|
764
|
+
}
|
|
765
|
+
[hidden]:where(:not([hidden="until-found"])) {
|
|
766
|
+
display: none !important;
|
|
767
|
+
}
|
|
768
|
+
}
|
|
769
|
+
@layer utilities;
|
|
619
770
|
@property --tw-rotate-x {
|
|
620
771
|
syntax: "*";
|
|
621
772
|
inherits: false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/stories/Typography/Typography.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../src/stories/Typography/Typography.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,UAAU,4CAwBzB"}
|
|
@@ -26,7 +26,8 @@ const bodys = {
|
|
|
26
26
|
};
|
|
27
27
|
const buttons = {
|
|
28
28
|
"text-button1": ["Button1", 16, 1.4, "-2%", 600, "text-button1"],
|
|
29
|
-
"text-button2": ["Button2", 14, 1.
|
|
29
|
+
"text-button2": ["Button2", 14, 1.4, "-2%", 600, "text-button2"],
|
|
30
|
+
"text-button3": ["Button3", 12, 1.4, "-2%", 600, "text-button3"],
|
|
30
31
|
};
|
|
31
32
|
const captions = {
|
|
32
33
|
"text-caption1": ["Caption1", 12, 1.45, "-2%", 400, "text-caption1"],
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reitwagen/design-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"**/*.css"
|
|
6
6
|
],
|
|
@@ -49,8 +49,8 @@
|
|
|
49
49
|
"ts-node": "^10.9.2",
|
|
50
50
|
"typescript": "5.9.2",
|
|
51
51
|
"@reitwagen/eslint-config": "0.0.0",
|
|
52
|
-
"@reitwagen/
|
|
53
|
-
"@reitwagen/
|
|
52
|
+
"@reitwagen/tailwind-config": "0.0.0",
|
|
53
|
+
"@reitwagen/typescript-config": "0.0.0"
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"axios": "^1.13.2",
|