@marigold/system 6.0.0 → 6.1.0

package/dist/index.d.ts

@@ -76,6 +76,7 @@ type Theme = {
         Footer?: ComponentStyleFunction<string, string>;
         Header?: ComponentStyleFunction<string, string>;
         Headline?: ComponentStyleFunction<string, string>;
+        Popover?: ComponentStyleFunction<string, string>;
         HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
         Image?: ComponentStyleFunction<string, string>;
         Checkbox?: Record<'container' | 'label' | 'checkbox', ComponentStyleFunction<string, string>>;
@@ -96,7 +97,7 @@ type Theme = {
         Text?: ComponentStyleFunction<string, string>;
         TextArea?: ComponentStyleFunction<string, string>;
         Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
-        Tabs?: Record<'tabs' | 'tab', ComponentStyleFunction<string, string>>;
+        Tabs?: Record<'tabs' | 'container' | 'tabpanel' | 'tab', ComponentStyleFunction<string, string>>;
         Underlay?: ComponentStyleFunction<string, string>;
         Calendar?: Record<'calendar' | 'calendarCell' | 'calendarControllers', ComponentStyleFunction<string, string>>;
         DatePicker?: Record<'container' | 'button', ComponentStyleFunction<string, string>>;
@@ -116,7 +117,7 @@ interface UseClassNamesProps<C extends ComponentNames> {
 type ComponentClassNames<C extends ComponentNames> = ThemeComponent<C> extends (...args: any) => any ? string : {
     [slot in keyof ThemeComponent<C>]: string;
 };
-declare const useClassNames: <C extends "Accordion" | "Badge" | "Body" | "Button" | "Card" | "DateField" | "Dialog" | "Divider" | "Field" | "Footer" | "Header" | "Headline" | "HelpText" | "Image" | "Checkbox" | "Switch" | "Input" | "Label" | "List" | "Link" | "ListBox" | "Menu" | "Radio" | "Slider" | "Select" | "NumberField" | "Message" | "Table" | "Tag" | "Text" | "TextArea" | "Tooltip" | "Tabs" | "Underlay" | "Calendar" | "DatePicker">({ component, className, variant, size, }: UseClassNamesProps<C>) => ComponentClassNames<C>;
+declare const useClassNames: <C extends "Accordion" | "Badge" | "Body" | "Button" | "Card" | "DateField" | "Dialog" | "Divider" | "Field" | "Footer" | "Header" | "Headline" | "Popover" | "HelpText" | "Image" | "Checkbox" | "Switch" | "Input" | "Label" | "List" | "Link" | "ListBox" | "Menu" | "Radio" | "Slider" | "Select" | "NumberField" | "Message" | "Table" | "Tag" | "Text" | "TextArea" | "Tooltip" | "Tabs" | "Underlay" | "Calendar" | "DatePicker">({ component, className, variant, size, }: UseClassNamesProps<C>) => ComponentClassNames<C>;
 
 /**
  * Hook that can be used to return values based on the current screen size,
@@ -229,7 +230,7 @@ declare const fontWeight: {
     thin: string;
     extralight: string;
     light: string;
-    normal: string;
+    regular: string;
     medium: string;
     semibold: string;
     bold: string;
@@ -246,6 +247,10 @@ declare const textSize: {
     '3xl': string;
     '4xl': string;
     '5xl': string;
+    '6xl': string;
+    '7xl': string;
+    '8xl': string;
+    '9xl': string;
 };
 declare const textStyle: {
     italic: string;

package/dist/index.js

@@ -323,7 +323,7 @@ var fontWeight = {
   thin: "font-thin",
   extralight: "font-extralight",
   light: "font-light",
-  normal: "font-normal",
+  regular: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold",
@@ -339,7 +339,11 @@ var textSize = {
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-4xl",
-  "5xl": "text-5xl"
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
 };
 var textStyle = {
   italic: "italic",

package/dist/index.mjs

@@ -255,7 +255,7 @@ var fontWeight = {
   thin: "font-thin",
   extralight: "font-extralight",
   light: "font-light",
-  normal: "font-normal",
+  regular: "font-normal",
   medium: "font-medium",
   semibold: "font-semibold",
   bold: "font-bold",
@@ -271,7 +271,11 @@ var textSize = {
   "2xl": "text-2xl",
   "3xl": "text-3xl",
   "4xl": "text-4xl",
-  "5xl": "text-5xl"
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
 };
 var textStyle = {
   italic: "italic",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/system",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "description": "Marigold System Library",
   "license": "MIT",
   "keywords": [