@northlight/ui 2.36.11 → 2.36.12
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/es/northlight.d.ts +2 -2
- package/dist/es/northlight.js +32 -0
- package/dist/es/northlight.js.map +1 -1
- package/dist/umd/northlight.cjs +32 -0
- package/dist/umd/northlight.cjs.map +1 -1
- package/dist/umd/northlight.min.cjs +3 -3
- package/dist/umd/northlight.min.cjs.map +1 -1
- package/package.json +3 -3
package/dist/es/northlight.d.ts
CHANGED
|
@@ -542,7 +542,7 @@ interface BlinkerProps {
|
|
|
542
542
|
*/
|
|
543
543
|
declare const Blinker: ({ color, size, isBlinking, ...rest }: BlinkerProps) => JSX.Element;
|
|
544
544
|
|
|
545
|
-
type ButtonVariants = 'default' | 'danger' | 'success' | 'brand' | 'brandSubdued' | 'link' | 'ghost' | 'ai' | 'outline' | 'solid';
|
|
545
|
+
type ButtonVariants = 'default' | 'danger' | 'success' | 'brand' | 'brandSubdued' | 'link' | 'ghost' | 'ai' | 'outline' | 'solid' | 'accent' | 'sidebar';
|
|
546
546
|
type ButtonProps = Omit<ButtonProps$1, 'as' | 'size'> & {
|
|
547
547
|
variant?: ButtonVariants;
|
|
548
548
|
size?: 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -590,7 +590,7 @@ type ButtonProps = Omit<ButtonProps$1, 'as' | 'size'> & {
|
|
|
590
590
|
* @example (Example)
|
|
591
591
|
* (?
|
|
592
592
|
* +
|
|
593
|
-
* const variants = ['link', 'success', 'default', 'danger', 'brand',
|
|
593
|
+
* const variants = ['link', 'success', 'default', 'danger', 'brand', 'accent',
|
|
594
594
|
* 'ghost', 'ai', 'outline', 'brandSubdued', 'solid']
|
|
595
595
|
*
|
|
596
596
|
* const ExampleButton = () => {
|
package/dist/es/northlight.js
CHANGED
|
@@ -878,6 +878,38 @@ const Button$1 = {
|
|
|
878
878
|
bg: color.bg.ai.hover,
|
|
879
879
|
color: color.text.inverted
|
|
880
880
|
}
|
|
881
|
+
}),
|
|
882
|
+
accent: ({ theme: { colors: color } }) => ({
|
|
883
|
+
color: color.text.button.accent,
|
|
884
|
+
bgColor: color.background.button.ghost,
|
|
885
|
+
_hover: {
|
|
886
|
+
bg: color.background.button["ghost-active"],
|
|
887
|
+
color: color.text.button.accent,
|
|
888
|
+
_disabled: {
|
|
889
|
+
bgColor: color.background.button.ghost,
|
|
890
|
+
color: color.text.button.accent
|
|
891
|
+
}
|
|
892
|
+
},
|
|
893
|
+
_active: {
|
|
894
|
+
bg: color.background.button["ghost-active"],
|
|
895
|
+
color: color.text.button.accent
|
|
896
|
+
}
|
|
897
|
+
}),
|
|
898
|
+
sidebar: ({ theme: { colors: color } }) => ({
|
|
899
|
+
color: color.text.button.sidebar,
|
|
900
|
+
bgColor: color.background.button.sidebar,
|
|
901
|
+
_hover: {
|
|
902
|
+
bg: color.background.button["sidebar-hover"],
|
|
903
|
+
color: color.text.button.sidebar,
|
|
904
|
+
_disabled: {
|
|
905
|
+
bgColor: color.background.button.ghost,
|
|
906
|
+
color: color.text.button.sidebar
|
|
907
|
+
}
|
|
908
|
+
},
|
|
909
|
+
_active: {
|
|
910
|
+
bg: color.background.button["sidebar-active"],
|
|
911
|
+
color: color.text.button["sidebar-active"]
|
|
912
|
+
}
|
|
881
913
|
})
|
|
882
914
|
},
|
|
883
915
|
defaultProps: {
|