@scattered-light/loomiere-mojave 0.7.1 → 0.8.0
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/exports/AGENTS.md +8 -5
- package/dist/exports/catalog.json +6 -0
- package/dist/exports/design-system/README.md +8 -5
- package/dist/exports/design-system/components/ContextMenu/README.md +1 -1
- package/dist/exports/design-system/components/ContextMenu/preview.html +1 -1
- package/dist/exports/design-system/components/DataList/README.md +1 -1
- package/dist/exports/design-system/components/DataList/preview.html +1 -1
- package/dist/exports/design-system/components/DataTable/README.md +1 -1
- package/dist/exports/design-system/components/DataTable/preview.html +38 -38
- package/dist/exports/design-system/components/DescriptionList/README.md +41 -0
- package/dist/exports/design-system/components/DescriptionList/preview.html +19 -0
- package/dist/exports/design-system/components/Drawer/README.md +1 -1
- package/dist/exports/design-system/components/ScrollArea/preview.html +2 -2
- package/dist/exports/design-system/components/Sheet/README.md +46 -0
- package/dist/exports/design-system/components/Sheet/preview.html +19 -0
- package/dist/exports/design-system/components/StatFigure/README.md +38 -0
- package/dist/exports/design-system/components/StatFigure/preview.html +19 -0
- package/dist/exports/design-system/components/Table/README.md +2 -2
- package/dist/exports/design-system/components/Table/preview.html +2 -2
- package/dist/exports/design-system/components/bundle.css +620 -161
- package/dist/exports/design-system/components/bundle.js +7 -7
- package/dist/exports/design-system/components/index.d.ts +1 -1
- package/dist/exports/design-system/tokens.json +35 -0
- package/dist/exports/figma.json +1 -1
- package/dist/exports/tailwind.css +81 -0
- package/dist/exports/tokens.dtcg.json +313 -26
- package/dist/tokens.css +220 -105
- package/dist/tokens.d.ts +78 -0
- package/dist/tokens.js +79 -1
- package/dist/tokens.json +580 -27
- package/dist/utilities.css +30 -0
- package/package.json +2 -2
package/dist/tokens.d.ts
CHANGED
|
@@ -125,6 +125,7 @@ declare const tokens: {
|
|
|
125
125
|
readonly "normal": string;
|
|
126
126
|
readonly "wide": string;
|
|
127
127
|
readonly "wider": string;
|
|
128
|
+
readonly "caps": string;
|
|
128
129
|
readonly "widest": string;
|
|
129
130
|
};
|
|
130
131
|
readonly "font-family": {
|
|
@@ -1780,6 +1781,7 @@ declare const tokens: {
|
|
|
1780
1781
|
readonly "pre-background": string;
|
|
1781
1782
|
readonly "pre-border": string;
|
|
1782
1783
|
readonly "pre-text": string;
|
|
1784
|
+
readonly "pre-radius": string;
|
|
1783
1785
|
readonly "prose-color": string;
|
|
1784
1786
|
readonly "scrollbar-thumb": string;
|
|
1785
1787
|
readonly "scrollbar-thumb-hover": string;
|
|
@@ -1964,6 +1966,10 @@ declare const tokens: {
|
|
|
1964
1966
|
readonly "empty-padding-block": string;
|
|
1965
1967
|
readonly "min-width": string;
|
|
1966
1968
|
};
|
|
1969
|
+
readonly "rule": {
|
|
1970
|
+
readonly "width": string;
|
|
1971
|
+
readonly "color": string;
|
|
1972
|
+
};
|
|
1967
1973
|
readonly "color-scheme": string;
|
|
1968
1974
|
readonly "control": {
|
|
1969
1975
|
readonly "height-lg": string;
|
|
@@ -2016,6 +2022,10 @@ declare const tokens: {
|
|
|
2016
2022
|
readonly "header-height": string;
|
|
2017
2023
|
readonly "cell-padding-inline": string;
|
|
2018
2024
|
readonly "radius": string;
|
|
2025
|
+
readonly "total-rule-color": string;
|
|
2026
|
+
readonly "subtotal-rule-width": string;
|
|
2027
|
+
readonly "grand-total-rule-width": string;
|
|
2028
|
+
readonly "total-background": string;
|
|
2019
2029
|
};
|
|
2020
2030
|
readonly "font": {
|
|
2021
2031
|
readonly "body-base": {
|
|
@@ -2074,6 +2084,15 @@ declare const tokens: {
|
|
|
2074
2084
|
readonly "letter-spacing": string;
|
|
2075
2085
|
readonly "font": string;
|
|
2076
2086
|
};
|
|
2087
|
+
readonly "figures-base": {
|
|
2088
|
+
readonly "font-family": string;
|
|
2089
|
+
readonly "font-size": string;
|
|
2090
|
+
readonly "font-weight": number;
|
|
2091
|
+
readonly "line-height": number;
|
|
2092
|
+
readonly "letter-spacing": string;
|
|
2093
|
+
readonly "font-variant-numeric": string;
|
|
2094
|
+
readonly "font": string;
|
|
2095
|
+
};
|
|
2077
2096
|
readonly "code-condense": {
|
|
2078
2097
|
readonly "font-family": string;
|
|
2079
2098
|
readonly "font-size": string;
|
|
@@ -2082,6 +2101,15 @@ declare const tokens: {
|
|
|
2082
2101
|
readonly "letter-spacing": string;
|
|
2083
2102
|
readonly "font": string;
|
|
2084
2103
|
};
|
|
2104
|
+
readonly "figures-condense": {
|
|
2105
|
+
readonly "font-family": string;
|
|
2106
|
+
readonly "font-size": string;
|
|
2107
|
+
readonly "font-weight": number;
|
|
2108
|
+
readonly "line-height": number;
|
|
2109
|
+
readonly "letter-spacing": string;
|
|
2110
|
+
readonly "font-variant-numeric": string;
|
|
2111
|
+
readonly "font": string;
|
|
2112
|
+
};
|
|
2085
2113
|
readonly "body-condense": {
|
|
2086
2114
|
readonly "font-family": string;
|
|
2087
2115
|
readonly "font-size": string;
|
|
@@ -2131,6 +2159,15 @@ declare const tokens: {
|
|
|
2131
2159
|
readonly "text-transform": string;
|
|
2132
2160
|
readonly "font": string;
|
|
2133
2161
|
};
|
|
2162
|
+
readonly "caps-condense": {
|
|
2163
|
+
readonly "font-family": string;
|
|
2164
|
+
readonly "font-size": string;
|
|
2165
|
+
readonly "font-weight": number;
|
|
2166
|
+
readonly "line-height": number;
|
|
2167
|
+
readonly "letter-spacing": string;
|
|
2168
|
+
readonly "text-transform": string;
|
|
2169
|
+
readonly "font": string;
|
|
2170
|
+
};
|
|
2134
2171
|
readonly "title-condense": {
|
|
2135
2172
|
readonly "font-family": string;
|
|
2136
2173
|
readonly "font-size": string;
|
|
@@ -2730,6 +2767,18 @@ declare const tokens: {
|
|
|
2730
2767
|
readonly "editable-list-stack-width": string;
|
|
2731
2768
|
readonly "selection-column-width": string;
|
|
2732
2769
|
};
|
|
2770
|
+
readonly "description-list": {
|
|
2771
|
+
readonly "row-padding-block": string;
|
|
2772
|
+
readonly "row-padding-inline": string;
|
|
2773
|
+
readonly "row-border-color": string;
|
|
2774
|
+
readonly "column-gap": string;
|
|
2775
|
+
readonly "label-width": string;
|
|
2776
|
+
readonly "label-color": string;
|
|
2777
|
+
readonly "value-color": string;
|
|
2778
|
+
readonly "leader-color": string;
|
|
2779
|
+
readonly "leader-width": string;
|
|
2780
|
+
readonly "leader-gap": string;
|
|
2781
|
+
};
|
|
2733
2782
|
readonly "drawer": {
|
|
2734
2783
|
readonly "popup-size": string;
|
|
2735
2784
|
readonly "popup-max-size": string;
|
|
@@ -2760,6 +2809,21 @@ declare const tokens: {
|
|
|
2760
2809
|
readonly "popup-min-width": string;
|
|
2761
2810
|
readonly "popup-max-width": string;
|
|
2762
2811
|
};
|
|
2812
|
+
readonly "sheet": {
|
|
2813
|
+
readonly "background": string;
|
|
2814
|
+
readonly "border-color": string;
|
|
2815
|
+
readonly "border-width": string;
|
|
2816
|
+
readonly "rule-width": string;
|
|
2817
|
+
readonly "rule-color": string;
|
|
2818
|
+
readonly "radius": string;
|
|
2819
|
+
readonly "padding": string;
|
|
2820
|
+
readonly "tab-background": string;
|
|
2821
|
+
readonly "tab-color": string;
|
|
2822
|
+
readonly "tab-height": string;
|
|
2823
|
+
readonly "tab-padding-inline": string;
|
|
2824
|
+
readonly "tab-radius": string;
|
|
2825
|
+
readonly "header-gap": string;
|
|
2826
|
+
};
|
|
2763
2827
|
readonly "slider": {
|
|
2764
2828
|
readonly "thumb-size": string;
|
|
2765
2829
|
readonly "vertical-height": string;
|
|
@@ -2771,6 +2835,20 @@ declare const tokens: {
|
|
|
2771
2835
|
readonly "key-step": string;
|
|
2772
2836
|
readonly "key-step-large": string;
|
|
2773
2837
|
};
|
|
2838
|
+
readonly "stat-figure": {
|
|
2839
|
+
readonly "figure-font-size": string;
|
|
2840
|
+
readonly "figure-font-size-sm": string;
|
|
2841
|
+
readonly "figure-line-height": number;
|
|
2842
|
+
readonly "figure-line-height-sm": number;
|
|
2843
|
+
readonly "figure-font-weight": number;
|
|
2844
|
+
readonly "figure-color": string;
|
|
2845
|
+
readonly "figure-color-accent": string;
|
|
2846
|
+
readonly "underline-width": string;
|
|
2847
|
+
readonly "underline-color": string;
|
|
2848
|
+
readonly "label-color": string;
|
|
2849
|
+
readonly "caption-color": string;
|
|
2850
|
+
readonly "gap": string;
|
|
2851
|
+
};
|
|
2774
2852
|
readonly "switch": {
|
|
2775
2853
|
readonly "track-width": string;
|
|
2776
2854
|
readonly "track-width-sm": string;
|
package/dist/tokens.js
CHANGED
|
@@ -125,6 +125,7 @@ const tokens = {
|
|
|
125
125
|
"normal": "0",
|
|
126
126
|
"wide": "0.025em",
|
|
127
127
|
"wider": "0.05em",
|
|
128
|
+
"caps": "0.08em",
|
|
128
129
|
"widest": "0.1em"
|
|
129
130
|
},
|
|
130
131
|
"font-family": {
|
|
@@ -1780,6 +1781,7 @@ const tokens = {
|
|
|
1780
1781
|
"pre-background": "#ffffff",
|
|
1781
1782
|
"pre-border": "#e7ece4",
|
|
1782
1783
|
"pre-text": "#221928",
|
|
1784
|
+
"pre-radius": "0.5rem",
|
|
1783
1785
|
"prose-color": "#221928",
|
|
1784
1786
|
"scrollbar-thumb": "#d1dbd1",
|
|
1785
1787
|
"scrollbar-thumb-hover": "#bcccc1",
|
|
@@ -1964,6 +1966,10 @@ const tokens = {
|
|
|
1964
1966
|
"empty-padding-block": "1.5rem",
|
|
1965
1967
|
"min-width": "200px"
|
|
1966
1968
|
},
|
|
1969
|
+
"rule": {
|
|
1970
|
+
"width": "0px",
|
|
1971
|
+
"color": "#7c8980"
|
|
1972
|
+
},
|
|
1967
1973
|
"color-scheme": "light",
|
|
1968
1974
|
"control": {
|
|
1969
1975
|
"height-lg": "3.25rem",
|
|
@@ -2015,7 +2021,11 @@ const tokens = {
|
|
|
2015
2021
|
"row-height": "2.25rem",
|
|
2016
2022
|
"header-height": "2.75rem",
|
|
2017
2023
|
"cell-padding-inline": "0.75rem",
|
|
2018
|
-
"radius": "0.5rem"
|
|
2024
|
+
"radius": "0.5rem",
|
|
2025
|
+
"total-rule-color": "#7c8980",
|
|
2026
|
+
"subtotal-rule-width": "1px",
|
|
2027
|
+
"grand-total-rule-width": "3px",
|
|
2028
|
+
"total-background": "#ffffff"
|
|
2019
2029
|
},
|
|
2020
2030
|
"font": {
|
|
2021
2031
|
"body-base": {
|
|
@@ -2074,6 +2084,15 @@ const tokens = {
|
|
|
2074
2084
|
"letter-spacing": "0",
|
|
2075
2085
|
"font": "600 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Funnel Display', sans-serif"
|
|
2076
2086
|
},
|
|
2087
|
+
"figures-base": {
|
|
2088
|
+
"font-family": "'Roboto Mono', monospace",
|
|
2089
|
+
"font-size": "clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem)",
|
|
2090
|
+
"font-weight": 400,
|
|
2091
|
+
"line-height": 1.35,
|
|
2092
|
+
"letter-spacing": "0",
|
|
2093
|
+
"font-variant-numeric": "tabular-nums",
|
|
2094
|
+
"font": "400 clamp(0.875rem, 0.8333rem + 0.2083vw, 1rem) / 1.35 'Roboto Mono', monospace"
|
|
2095
|
+
},
|
|
2077
2096
|
"code-condense": {
|
|
2078
2097
|
"font-family": "'Roboto Mono', monospace",
|
|
2079
2098
|
"font-size": "0.75rem",
|
|
@@ -2082,6 +2101,15 @@ const tokens = {
|
|
|
2082
2101
|
"letter-spacing": "0",
|
|
2083
2102
|
"font": "400 0.75rem / 1.428 'Roboto Mono', monospace"
|
|
2084
2103
|
},
|
|
2104
|
+
"figures-condense": {
|
|
2105
|
+
"font-family": "'Roboto Mono', monospace",
|
|
2106
|
+
"font-size": "0.75rem",
|
|
2107
|
+
"font-weight": 400,
|
|
2108
|
+
"line-height": 1.428,
|
|
2109
|
+
"letter-spacing": "0",
|
|
2110
|
+
"font-variant-numeric": "tabular-nums",
|
|
2111
|
+
"font": "400 0.75rem / 1.428 'Roboto Mono', monospace"
|
|
2112
|
+
},
|
|
2085
2113
|
"body-condense": {
|
|
2086
2114
|
"font-family": "'Barlow Semi Condensed', sans-serif",
|
|
2087
2115
|
"font-size": "0.75rem",
|
|
@@ -2131,6 +2159,15 @@ const tokens = {
|
|
|
2131
2159
|
"text-transform": "uppercase",
|
|
2132
2160
|
"font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
|
|
2133
2161
|
},
|
|
2162
|
+
"caps-condense": {
|
|
2163
|
+
"font-family": "'Barlow Semi Condensed', sans-serif",
|
|
2164
|
+
"font-size": "0.75rem",
|
|
2165
|
+
"font-weight": 600,
|
|
2166
|
+
"line-height": 1.428,
|
|
2167
|
+
"letter-spacing": "0.08em",
|
|
2168
|
+
"text-transform": "uppercase",
|
|
2169
|
+
"font": "600 0.75rem / 1.428 'Barlow Semi Condensed', sans-serif"
|
|
2170
|
+
},
|
|
2134
2171
|
"title-condense": {
|
|
2135
2172
|
"font-family": "'Funnel Display', sans-serif",
|
|
2136
2173
|
"font-size": "0.75rem",
|
|
@@ -2730,6 +2767,18 @@ const tokens = {
|
|
|
2730
2767
|
"editable-list-stack-width": "20rem",
|
|
2731
2768
|
"selection-column-width": "2.5rem"
|
|
2732
2769
|
},
|
|
2770
|
+
"description-list": {
|
|
2771
|
+
"row-padding-block": "0.5rem",
|
|
2772
|
+
"row-padding-inline": "1rem",
|
|
2773
|
+
"row-border-color": "#eff3ee",
|
|
2774
|
+
"column-gap": "1rem",
|
|
2775
|
+
"label-width": "minmax(8rem, 1fr)",
|
|
2776
|
+
"label-color": "#4f5852",
|
|
2777
|
+
"value-color": "#221928",
|
|
2778
|
+
"leader-color": "#7c8980",
|
|
2779
|
+
"leader-width": "1px",
|
|
2780
|
+
"leader-gap": "0.375rem"
|
|
2781
|
+
},
|
|
2733
2782
|
"drawer": {
|
|
2734
2783
|
"popup-size": "min(420px, 90vw)",
|
|
2735
2784
|
"popup-max-size": "85vh",
|
|
@@ -2760,6 +2809,21 @@ const tokens = {
|
|
|
2760
2809
|
"popup-min-width": "300px",
|
|
2761
2810
|
"popup-max-width": "450px"
|
|
2762
2811
|
},
|
|
2812
|
+
"sheet": {
|
|
2813
|
+
"background": "#f8fbf9",
|
|
2814
|
+
"border-color": "#e7ece4",
|
|
2815
|
+
"border-width": "1px",
|
|
2816
|
+
"rule-width": "2px",
|
|
2817
|
+
"rule-color": "#7c8980",
|
|
2818
|
+
"radius": "0.5rem",
|
|
2819
|
+
"padding": "1rem",
|
|
2820
|
+
"tab-background": "#353d38",
|
|
2821
|
+
"tab-color": "#f8fbf9",
|
|
2822
|
+
"tab-height": "1.75rem",
|
|
2823
|
+
"tab-padding-inline": "0.875rem",
|
|
2824
|
+
"tab-radius": "0.125rem",
|
|
2825
|
+
"header-gap": "0.75rem"
|
|
2826
|
+
},
|
|
2763
2827
|
"slider": {
|
|
2764
2828
|
"thumb-size": "1.25rem",
|
|
2765
2829
|
"vertical-height": "200px"
|
|
@@ -2771,6 +2835,20 @@ const tokens = {
|
|
|
2771
2835
|
"key-step": "5%",
|
|
2772
2836
|
"key-step-large": "10%"
|
|
2773
2837
|
},
|
|
2838
|
+
"stat-figure": {
|
|
2839
|
+
"figure-font-size": "clamp(2.0736rem, 1.9354rem + 0.6912vw, 2.4883rem)",
|
|
2840
|
+
"figure-font-size-sm": "clamp(1.44rem, 1.344rem + 0.48vw, 1.728rem)",
|
|
2841
|
+
"figure-line-height": 1,
|
|
2842
|
+
"figure-line-height-sm": 1.253,
|
|
2843
|
+
"figure-font-weight": 600,
|
|
2844
|
+
"figure-color": "#221928",
|
|
2845
|
+
"figure-color-accent": "#7131a0",
|
|
2846
|
+
"underline-width": "3px",
|
|
2847
|
+
"underline-color": "#7c8980",
|
|
2848
|
+
"label-color": "#4f5852",
|
|
2849
|
+
"caption-color": "#4f5852",
|
|
2850
|
+
"gap": "0.25rem"
|
|
2851
|
+
},
|
|
2774
2852
|
"switch": {
|
|
2775
2853
|
"track-width": "48px",
|
|
2776
2854
|
"track-width-sm": "44px",
|