@sanity/ui 2.9.0-corel.0 → 2.9.0

package/src/theme/versioning/themeColor_v0_v2.ts

@@ -75,6 +75,13 @@ function stateTonesThemeColor_v0_v2(
       selected: stateThemeColor_v0_v2(v0, t.default.selected),
       disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
     },
+    neutral: {
+      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
+      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
+      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
+      selected: stateThemeColor_v0_v2(v0, t.default.selected),
+      disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
+    },
     primary: {
       enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
       hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
@@ -82,6 +89,13 @@ function stateTonesThemeColor_v0_v2(
       selected: stateThemeColor_v0_v2(v0, t.primary.selected),
       disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),
     },
+    suggest: {
+      enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
+      hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
+      pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
+      selected: stateThemeColor_v0_v2(v0, t.primary.selected),
+      disabled: stateThemeColor_v0_v2(v0, t.primary.disabled),
+    },
     positive: {
       enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
       hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
@@ -103,20 +117,6 @@ function stateTonesThemeColor_v0_v2(
       selected: stateThemeColor_v0_v2(v0, t.critical.selected),
       disabled: stateThemeColor_v0_v2(v0, t.critical.disabled),
     },
-    prospect: {
-      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.default.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
-    },
-    explore: {
-      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.default.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.default.disabled),
-    },
   }
 }
 
@@ -168,12 +168,24 @@ function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): T
         dot: v0.muted.default.enabled.muted.fg,
         icon: v0.muted.default.enabled.muted.fg,
       },
+      neutral: {
+        bg: v0.muted.transparent.enabled.bg,
+        fg: v0.muted.transparent.enabled.fg,
+        dot: v0.muted.transparent.enabled.muted.fg,
+        icon: v0.muted.transparent.enabled.muted.fg,
+      },
       primary: {
         bg: v0.muted.primary.enabled.bg,
         fg: v0.muted.primary.enabled.fg,
         dot: v0.muted.primary.enabled.muted.fg,
         icon: v0.muted.primary.enabled.muted.fg,
       },
+      suggest: {
+        bg: v0.muted.primary.enabled.bg,
+        fg: v0.muted.primary.enabled.fg,
+        dot: v0.muted.primary.enabled.muted.fg,
+        icon: v0.muted.primary.enabled.muted.fg,
+      },
       positive: {
         bg: v0.muted.positive.enabled.bg,
         fg: v0.muted.positive.enabled.fg,
@@ -192,18 +204,6 @@ function stateThemeColor_v0_v2(v0: ThemeColor, state: ThemeColorGenericState): T
         dot: v0.muted.critical.enabled.muted.fg,
         icon: v0.muted.critical.enabled.muted.fg,
       },
-      prospect: {
-        bg: v0.muted.default.enabled.bg,
-        fg: v0.muted.default.enabled.fg,
-        dot: v0.muted.default.enabled.muted.fg,
-        icon: v0.muted.default.enabled.muted.fg,
-      },
-      explore: {
-        bg: v0.muted.default.enabled.bg,
-        fg: v0.muted.default.enabled.fg,
-        dot: v0.muted.default.enabled.muted.fg,
-        icon: v0.muted.default.enabled.muted.fg,
-      },
     },
     kbd: {
       bg: v0.muted.default.enabled.bg,

package/src/theme/versioning/v0_v2.ts

@@ -44,22 +44,22 @@ export function v0_v2(v0: RootTheme): RootTheme_v2 {
       light: {
         transparent: themeColor_v0_v2(color.light.transparent),
         default: themeColor_v0_v2(color.light.default),
+        neutral: themeColor_v0_v2(color.light.transparent),
         primary: themeColor_v0_v2(color.light.primary),
+        suggest: themeColor_v0_v2(color.light.primary),
         positive: themeColor_v0_v2(color.light.positive),
         caution: themeColor_v0_v2(color.light.caution),
         critical: themeColor_v0_v2(color.light.critical),
-        prospect: themeColor_v0_v2(color.light.default),
-        explore: themeColor_v0_v2(color.light.default),
       },
       dark: {
         transparent: themeColor_v0_v2(color.dark.transparent),
         default: themeColor_v0_v2(color.dark.default),
+        neutral: themeColor_v0_v2(color.dark.transparent),
         primary: themeColor_v0_v2(color.dark.primary),
+        suggest: themeColor_v0_v2(color.dark.primary),
         positive: themeColor_v0_v2(color.dark.positive),
         caution: themeColor_v0_v2(color.dark.caution),
         critical: themeColor_v0_v2(color.dark.critical),
-        prospect: themeColor_v0_v2(color.dark.default),
-        explore: themeColor_v0_v2(color.dark.default),
       },
     },
     container,

package/src/core/components/breadcrumbs/__workshop__/buttons.tsx

@@ -1,58 +0,0 @@
-import {ChevronRightIcon} from '@sanity/icons'
-import {Box, Breadcrumbs, Button, Card, Flex, Text} from '@sanity/ui'
-import {useSelect} from '@sanity/ui-workshop'
-
-const BREADCRUMBS_MAX_LENGTH_OPTIONS = {
-  '(none)': 0,
-  '1': 1,
-  '2': 2,
-  '3': 3,
-  '4': 4,
-  '5': 5,
-  '6': 6,
-  '7': 7,
-}
-
-export default function Example() {
-  const maxLength =
-    useSelect('Max. length', BREADCRUMBS_MAX_LENGTH_OPTIONS, 0, 'Props') || undefined
-
-  return (
-    <Flex align="center" height="fill" justify="center" padding={4} sizing="border">
-      <Card padding={1} radius={3} shadow={1}>
-        <Breadcrumbs
-          gapX={0}
-          expandButton={{padding: 2}}
-          maxLength={maxLength}
-          separator={
-            <Box paddingY={2} style={{opacity: 0.5}}>
-              <Text muted size={1}>
-                <ChevronRightIcon />
-              </Text>
-            </Box>
-          }
-          // space={0}
-        >
-          <Button href="#" mode="bleed" padding={2} text="Root" />
-          <Button href="#" mode="bleed" padding={2} text="Category A of some length" />
-          <Button href="#" mode="bleed" padding={2} text="Category B" />
-          <Button href="#" mode="bleed" padding={2} text="Category C" />
-          <Button
-            href="#"
-            mode="bleed"
-            padding={2}
-            text="Category D of an every larger and more extended length"
-            textOverflow="none"
-          />
-          <Button href="#" mode="bleed" padding={2} text="Category E" />
-          <Button href="#" mode="bleed" padding={2} text="Category F" />
-          <Box padding={2}>
-            <Text size={1} weight="semibold">
-              Item
-            </Text>
-          </Box>
-        </Breadcrumbs>
-      </Card>
-    </Flex>
-  )
-}

package/src/core/primitives/textInput/__workshop__/multipleTones.tsx

@@ -1,20 +0,0 @@
-import {Card, Stack, TextInput} from '@sanity/ui'
-
-export default function MultipleTonesStory() {
-  return (
-    <Stack>
-      <Card padding={3} tone="primary">
-        <TextInput />
-      </Card>
-      <Card padding={3} tone="positive">
-        <TextInput />
-      </Card>
-      <Card padding={3} tone="caution">
-        <TextInput />
-      </Card>
-      <Card padding={3} tone="critical">
-        <TextInput />
-      </Card>
-    </Stack>
-  )
-}