@stokelp/ui 2.8.0 → 2.9.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/ui.js CHANGED
@@ -17002,7 +17002,9 @@ const YL = K({
17002
17002
  root: {
17003
17003
  display: "flex",
17004
17004
  flexDirection: "column",
17005
- overflowY: "auto"
17005
+ overflowY: "auto",
17006
+ transition: "color, background-color",
17007
+ transitionDuration: "fast"
17006
17008
  },
17007
17009
  header: {
17008
17010
  px: "space-16",
@@ -17052,7 +17054,7 @@ const YL = K({
17052
17054
  },
17053
17055
  variants: {
17054
17056
  variant: {
17055
- primary: {
17057
+ prod: {
17056
17058
  root: {
17057
17059
  bg: "primary.900",
17058
17060
  color: "white",
@@ -17080,11 +17082,69 @@ const YL = K({
17080
17082
  _hover: "primary.800"
17081
17083
  }
17082
17084
  }
17085
+ },
17086
+ staging: {
17087
+ root: {
17088
+ bg: "warning.500",
17089
+ color: "white",
17090
+ "& p, & h1, & h2, & h3, & h4, & h5, & h6": {
17091
+ color: "white"
17092
+ }
17093
+ },
17094
+ item: {
17095
+ _currentPage: {
17096
+ "& > .app-navigation__itemContent": {
17097
+ bg: "warning.300",
17098
+ "& .app-navigation__itemLabel": {
17099
+ color: "secondary.500"
17100
+ },
17101
+ "& .app-navigation__itemIcon": {
17102
+ color: "secondary.500"
17103
+ }
17104
+ }
17105
+ }
17106
+ },
17107
+ itemContent: {
17108
+ color: "white",
17109
+ bg: {
17110
+ base: "warning.500",
17111
+ _hover: "warning.300"
17112
+ }
17113
+ }
17114
+ },
17115
+ dev: {
17116
+ root: {
17117
+ bg: "error.900",
17118
+ color: "white",
17119
+ "& p, & h1, & h2, & h3, & h4, & h5, & h6": {
17120
+ color: "white"
17121
+ }
17122
+ },
17123
+ item: {
17124
+ _currentPage: {
17125
+ "& > .app-navigation__itemContent": {
17126
+ bg: "error.700",
17127
+ "& .app-navigation__itemLabel": {
17128
+ color: "secondary.500"
17129
+ },
17130
+ "& .app-navigation__itemIcon": {
17131
+ color: "secondary.500"
17132
+ }
17133
+ }
17134
+ }
17135
+ },
17136
+ itemContent: {
17137
+ color: "white",
17138
+ bg: {
17139
+ base: "error.900",
17140
+ _hover: "error.700"
17141
+ }
17142
+ }
17083
17143
  }
17084
17144
  }
17085
17145
  },
17086
17146
  defaultVariants: {
17087
- variant: "primary"
17147
+ variant: "prod"
17088
17148
  },
17089
17149
  slots: ["root", "header", "body", "item", "itemLabel", "itemIcon", "itemContent", "itemSubItems", "footer"],
17090
17150
  className: "app-navigation",