@startupjs/docs 0.55.9 → 0.55.11

package/client/clientHelpers/hooks/index.js

@@ -2,6 +2,5 @@ export { default as useLocalWithDefault } from './useLocalWithDefault'
 export { default as useShowGrid } from './useShowGrid'
 export { default as useShowSizes } from './useShowSizes'
 export { default as useValidateWidth } from './useValidateWidth'
-export { default as useDarkTheme } from './useDarkTheme'
 export { default as useLocalStorage } from './useLocalStorage'
 export { default as useLang } from './useLang'

package/client/components/Props/Constructor/Tr/index.js

@@ -3,8 +3,8 @@ import { pug, observer } from 'startupjs'
 import { themed, Div } from '@startupjs/ui'
 import './index.styl'
 
-export default observer(themed(function Tr ({ children, style, theme }) {
+export default observer(themed(function Tr ({ children, style }) {
   return pug`
-    Div.root(style=style styleName=[theme])= children
+    Div.root(style=style)= children
   `
 }))

package/client/components/Props/Constructor/Tr/index.styl

@@ -4,7 +4,3 @@
   border-bottom-width 1px
   padding-left 1u
   padding-right 1u
-
-.dark
-  &.root
-    border-color var(--color-border-contrast)

package/client/components/Props/Constructor/index.js

@@ -15,17 +15,16 @@ export default observer(themed(function Constructor ({
   Component,
   entries,
   $props,
-  style,
-  theme
+  style
 }) {
   return pug`
     Table.table(style=style)
       Thead.thead
         Tr
-          Td: Span.header(styleName=[theme]) PROP
-          Td: Span.header(styleName=[theme]) TYPE
-          Td: Span.header(styleName=[theme]) DEFAULT
-          Td: Span.header.right(styleName=[theme]) VALUE
+          Td: Span.header PROP
+          Td: Span.header TYPE
+          Td: Span.header DEFAULT
+          Td: Span.header.right VALUE
       Tbody
         each entry, index in entries
           - const { name, type, defaultValue, possibleValues, isRequired } = entry
@@ -44,7 +43,7 @@ export default observer(themed(function Constructor ({
                   shape='rounded'
                 ) Required
             Td: TypeCell(possibleValues=possibleValues type=type)
-            Td: Span.value(styleName=[theme])= JSON.stringify(defaultValue)
+            Td: Span.value= JSON.stringify(defaultValue)
             Td.vCenter: ValueCell(entry=entry $props=$props)
   `
 }))

package/client/components/Props/Constructor/index.styl

@@ -1,16 +1,14 @@
 $input = var(--color-border-main)
 $header = var(--color-text-description)
-$darkHeader = var(--color-text-on-contrast)
 $value = var(--color-text-success)
 $type = var(--color-text-info)
-$valueDark = var(--color-text-success-strong)
-$typeDark = var(--color-text-info-strong)
 
 .header
   font-size 12px
   letter-spacing 1px
   fontFamily('normal', 600)
   color $header
+
   &.right
     text-align right
 
@@ -25,14 +23,6 @@ $typeDark = var(--color-text-info-strong)
   color $type
   font-style italic
 
-.dark
-  &.header
-    color $darkHeader
-  &.value
-    color $valueDark
-  &.type
-    color $typeDark
-
 .checkbox
   align-self flex-end
 

package/client/components/Props/index.js

@@ -79,7 +79,6 @@ export default observer(themed(function PComponent ({
   showGrid,
   validateWidth,
   showSizes,
-  theme,
   noScroll,
   block: defaultBlock
 }) {
@@ -115,14 +114,14 @@ export default observer(themed(function PComponent ({
 
   return pug`
     Div.root(style=style)
-      Div.top(styleName=[theme])
+      Div.top
         Constructor(
           Component=Component
           $props=$theProps
           entries=entries
         )
 
-      Div.bottom(styleName=[theme])
+      Div.bottom
         Wrapper
           Renderer(
             style=rendererStyle

package/client/components/Props/index.styl

@@ -1,6 +1,3 @@
-$darkTopBg = var(--color-bg-contrast)
-$darkBottomBg = var(--color-bg-contrast-alt)
-
 .root
   margin-top 2u
 
@@ -26,10 +23,3 @@ $darkBottomBg = var(--color-bg-contrast-alt)
 
 .display
   margin .5u 2u
-
-.dark
-  &.top
-    background-color $darkTopBg
-
-  &.bottom
-    background-color $darkBottomBg

package/client/components/Sandbox/index.js

@@ -5,8 +5,7 @@ import Props from '../Props'
 import {
   useShowGrid,
   useShowSizes,
-  useValidateWidth,
-  useDarkTheme
+  useValidateWidth
 } from '../../clientHelpers'
 import './index.styl'
 
@@ -20,7 +19,6 @@ export default observer(function Sandbox ({
   const [showGrid] = useShowGrid()
   const [showSizes] = useShowSizes()
   const [validateWidth] = useValidateWidth()
-  const [darkTheme] = useDarkTheme()
 
   if (!Component) {
     return pug`
@@ -32,7 +30,6 @@ export default observer(function Sandbox ({
     Props.root(
       Component=Component
       $props=$props || getUniqModel(Component)
-      theme=darkTheme ? 'dark' : undefined
       showSizes=showSizes
       showGrid=showGrid
       validateWidth=validateWidth

package/package.json

@@ -4,14 +4,14 @@
     "access": "public"
   },
   "description": "MDX documentation generator",
-  "version": "0.55.9",
+  "version": "0.55.11",
   "type": "module",
   "main": "index.js",
   "dependencies": {
     "@fortawesome/free-solid-svg-icons": "^5.12.0",
-    "@startupjs/mdx": "^0.55.9",
-    "@startupjs/scrollable-anchors": "^0.55.9",
-    "@startupjs/ui": "^0.55.8",
+    "@startupjs/mdx": "^0.55.11",
+    "@startupjs/scrollable-anchors": "^0.55.11",
+    "@startupjs/ui": "^0.55.11",
     "parse-prop-types": "^0.3.0"
   },
   "peerDependencies": {
@@ -19,5 +19,5 @@
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "be99341bbe57c30822e2c097e8d3c980d7ea57b2"
+  "gitHead": "253c84e79e50a73a194c33fb3d17a22ddb1af58f"
 }

package/client/clientHelpers/hooks/useDarkTheme.js

@@ -1,6 +0,0 @@
-import useLocalWithDefault from './useLocalWithDefault'
-const PATH = '_session.Props.darkTheme'
-
-export default function useDarkTheme () {
-  return useLocalWithDefault(PATH, false)
-}