Skip to content

Commit

Permalink
fix windows paths
Browse files Browse the repository at this point in the history
  • Loading branch information
@hirsch88
hirsch88 committed Mar 2, 2024
1 parent 6c270a8 commit 5cc6f68
Show file tree
Hide file tree
Showing 3 changed files with 268 additions and 5 deletions.
263 changes: 263 additions & 0 deletions docs/stories/development/00-guides/theming/theming.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,266 @@

These are the variables of the CSS-Framework which inherit from the design tokens.


### Typography

| Variable |
| ---------------------------- |
| `--bal-title-font-family` |
| `--bal-title-font-weight` |
| `--bal-subtitle-font-family` |
| `--bal-subtitle-font-weight` |

### Table

| Variable |
| ----------------------------------------------------- |
| `--bal-table-color` |
| `--bal-table-background-color` |
| `--bal-table-body-background-color` |
| `--bal-table-cell-border` |
| `--bal-table-cell-border-width` |
| `--bal-table-cell-padding` |
| `--bal-table-cell-heading-color` |
| `--bal-table-head-cell-border-width` |
| `--bal-table-head-cell-border-color` |
| `--bal-table-head-cell-color` |
| `--bal-table-head-background-color` |
| `--bal-table-head-font-size` |
| `--bal-table-head-font-family` |
| `--bal-table-foot-cell-border-width` |
| `--bal-table-foot-cell-color` |
| `--bal-table-foot-background-color` |
| `--bal-table-row-background-color-hover` |
| `--bal-table-row-background-color-active` |
| `--bal-table-row-color-active` |
| `--bal-table-striped-row-even-background-color` |
| `--bal-table-striped-row-even-background-color-hover` |

### Structure

| Variable |
| ----------------------------------------- |
| `--bal-body-background` |
| `--bal-body-font-family` |
| `--bal-body-color` |
| `--bal-body-font-weight` |
| `--bal-body-font-size` |
| `--bal-body-line-height` |
| `--bal-divider-background` |
| `--bal-focus-shadow-start-color` |
| `--bal-focus-shadow-end-color` |
| `--bal-focus-shadow` |
| `--bal-focus-shadow-inset` |
| `--bal-focus-shadow-inverted-start-color` |
| `--bal-focus-shadow-inverted-end-color` |
| `--bal-focus-shadow-inverted` |
| `--bal-focus-shadow-inverted-inset` |
| `--bal-small-font-size` |
| `--bal-strong-color` |
| `--bal-strong-font-weight` |

### List

| Variable |
| ------------------------------------- |
| `--bal-list-marker-color` |
| `--bal-list-marker-inverted-color` |
| `--bal-list-bullet-radius` |
| `--bal-list-bullet-background` |
| `--bal-list-bullet-background-green` |
| `--bal-list-bullet-background-red` |
| `--bal-list-bullet-background-yellow` |
| `--bal-list-bullet-background-purple` |

### Link

| Variable |
| ------------------------------------------- |
| `--bal-link-color` |
| `--bal-link-color-hover` |
| `--bal-link-color-active` |
| `--bal-link-font-weight` |
| `--bal-link-radius` |
| `--bal-link-text-decoration` |
| `--bal-link-text-underline-offset` |
| `--bal-link-text-decoration-thickness` |
| `--bal-link-inverted-color` |
| `--bal-link-inverted-color-hover` |
| `--bal-link-inverted-color-active` |
| `--bal-link-inverted-light-font-weight` |
| `--bal-link-inverted-light-text-decoration` |

### Form

| Variable |
| ------------------------------------------------------ |
| `--bal-form-field-control-font-size` |
| `--bal-form-field-control-font-family` |
| `--bal-form-field-control-color` |
| `--bal-form-field-control-placeholder-color` |
| `--bal-form-field-control-radius` |
| `--bal-form-field-control-background` |
| `--bal-form-field-control-background-hover` |
| `--bal-form-field-control-background-active` |
| `--bal-form-field-control-border-width` |
| `--bal-form-field-control-border-style` |
| `--bal-form-field-control-border-color` |
| `--bal-form-field-control-border-color-hover` |
| `--bal-form-field-control-border-color-active` |
| `--bal-form-field-control-success-background` |
| `--bal-form-field-control-success-background-hover` |
| `--bal-form-field-control-success-background-active` |
| `--bal-form-field-control-success-border-color` |
| `--bal-form-field-control-success-border-color-hover` |
| `--bal-form-field-control-success-border-color-active` |
| `--bal-form-field-control-danger-background` |
| `--bal-form-field-control-danger-background-hover` |
| `--bal-form-field-control-danger-background-active` |
| `--bal-form-field-control-danger-border-color` |
| `--bal-form-field-control-danger-border-color-hover` |
| `--bal-form-field-control-danger-border-color-active` |
| `--bal-form-field-control-disabled-color` |
| `--bal-form-field-control-disabled-background` |
| `--bal-form-field-control-disabled-border-color` |
| `--bal-form-field-label-font-size` |
| `--bal-form-field-label-line-height` |
| `--bal-form-field-label-font-weight` |
| `--bal-form-field-label-font-family` |
| `--bal-form-field-label-margin-bottom` |
| `--bal-form-field-label-color-hover` |
| `--bal-form-field-label-color-active` |
| `--bal-form-field-label-success-color` |
| `--bal-form-field-label-danger-color` |
| `--bal-form-field-label-danger-color-hover` |
| `--bal-form-field-label-danger-color-active` |
| `--bal-form-field-label-disabled-color TBD` |
| `--bal-form-field-message-font-size` |
| `--bal-form-field-message-font-weight` |
| `--bal-form-field-message-color` |
| `--bal-form-field-message-color-hover` |
| `--bal-form-field-message-color-active` |
| `--bal-form-field-message-success-color` |
| `--bal-form-field-message-danger-color` |
| `--bal-form-field-message-disabled-color` |
| `--bal-form-field-icon-color` |
| `--bal-form-field-icon-color-hover` |
| `--bal-form-field-icon-color-active` |
| `--bal-form-field-icon-success-color` |
| `--bal-form-field-icon-danger-color` |
| `--bal-form-field-icon-disabled-color` |
| `--bal-file-label-color` |
| `--bal-file-label-color-hover` |
| `--bal-file-label-color-active` |
| `--bal-file-border-style` |
| `--bal-file-label-disabled-color` |

### Button

| Variable |
| --------------------------------------------------- |
| `--bal-button-font-size` |
| `--bal-button-line-height` |
| `--bal-button-font-family` |
| `--bal-button-font-weight` |
| `--bal-button-radius` |
| `--bal-button-border-style` |
| `--bal-button-border-width` |
| `--bal-button-border-color` |
| `--bal-button-border-color-hover` |
| `--bal-button-border-color-active` |
| `--bal-button-color` |
| `--bal-button-color-hover` |
| `--bal-button-color-active` |
| `--bal-button-background` |
| `--bal-button-background-hover` |
| `--bal-button-background-active` |
| `--bal-button-small-font-size` |
| `--bal-button-primary-color` |
| `--bal-button-primary-color-hover` |
| `--bal-button-primary-color-active` |
| `--bal-button-primary-border-color` |
| `--bal-button-primary-border-color-hover` |
| `--bal-button-primary-border-color-active` |
| `--bal-button-primary-background` |
| `--bal-button-primary-background-hover` |
| `--bal-button-primary-background-active` |
| `--bal-button-text-border-color-hover` |
| `--bal-button-text-border-color-active` |
| `--bal-button-text-background-hover` |
| `--bal-button-text-background-active` |
| `--bal-button-light-color` |
| `--bal-button-light-color-hover` |
| `--bal-button-light-color-active` |
| `--bal-button-light-border-color` |
| `--bal-button-light-border-color-hover` |
| `--bal-button-light-border-color-active` |
| `--bal-button-light-background` |
| `--bal-button-light-background-hover` |
| `--bal-button-light-background-active` |
| `--bal-button-success-color` |
| `--bal-button-success-color-hover` |
| `--bal-button-success-color-active` |
| `--bal-button-success-border-color` |
| `--bal-button-success-border-color-hover` |
| `--bal-button-success-border-color-active` |
| `--bal-button-success-background` |
| `--bal-button-success-background-hover` |
| `--bal-button-success-background-active` |
| `--bal-button-warning-color` |
| `--bal-button-warning-color-hover` |
| `--bal-button-warning-color-active` |
| `--bal-button-warning-border-color` |
| `--bal-button-warning-border-color-hover` |
| `--bal-button-warning-border-color-active` |
| `--bal-button-warning-background` |
| `--bal-button-warning-background-hover` |
| `--bal-button-warning-background-active` |
| `--bal-button-danger-color` |
| `--bal-button-danger-color-hover` |
| `--bal-button-danger-color-active` |
| `--bal-button-danger-border-color` |
| `--bal-button-danger-border-color-hover` |
| `--bal-button-danger-border-color-active` |
| `--bal-button-danger-background` |
| `--bal-button-danger-background-hover` |
| `--bal-button-danger-background-active` |
| `--bal-button-disablde-color` |
| `--bal-button-disablde-border-color` |
| `--bal-button-disablde-background` |
| `--bal-button-inverted-color` |
| `--bal-button-inverted-color-hover` |
| `--bal-button-inverted-color-active` |
| `--bal-button-inverted-border-color` |
| `--bal-button-inverted-border-color-hover` |
| `--bal-button-inverted-border-color-active` |
| `--bal-button-inverted-background` |
| `--bal-button-inverted-background-hover` |
| `--bal-button-inverted-background-active` |
| `--bal-button-inverted-primary-color` |
| `--bal-button-inverted-primary-color-hover` |
| `--bal-button-inverted-primary-color-active` |
| `--bal-button-inverted-primary-border-color` |
| `--bal-button-inverted-primary-border-color-hover` |
| `--bal-button-inverted-primary-border-color-active` |
| `--bal-button-inverted-primary-background` |
| `--bal-button-inverted-primary-background-hover` |
| `--bal-button-inverted-primary-background-active` |
| `--bal-button-inverted-text-color` |
| `--bal-button-inverted-text-color-hover` |
| `--bal-button-inverted-text-color-active` |
| `--bal-button-inverted-text-border-color` |
| `--bal-button-inverted-text-border-color-hover` |
| `--bal-button-inverted-text-border-color-active` |
| `--bal-button-inverted-text-background` |
| `--bal-button-inverted-text-background-hover` |
| `--bal-button-inverted-text-background-active` |
| `--bal-button-inverted-light-color` |
| `--bal-button-inverted-light-color-hover` |
| `--bal-button-inverted-light-color-active` |
| `--bal-button-inverted-light-border-color` |
| `--bal-button-inverted-light-border-color-hover` |
| `--bal-button-inverted-light-border-color-active` |
| `--bal-button-inverted-light-background` |
| `--bal-button-inverted-light-background-hover` |
| `--bal-button-inverted-light-background-active` |
4 changes: 2 additions & 2 deletions libs/nx/src/executors/build-core/executor.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import { execSync } from 'child_process'
import { BuildCoreExecutorSchema } from './schema'
import { dirname, join } from 'path'
import { dirname, join, sep } from 'path'
import replace from 'replace-in-file'
import { mkdir, readFile, rm, writeFile } from 'fs/promises'
import { copy } from 'fs-extra'
Expand Down Expand Up @@ -126,7 +126,7 @@ function parseTestingType(fileContent, filePath) {
description: parseFunctionComment(commandNode, sourceFile),
signature: commandNode.getText(sourceFile).replace(commandNode.name.escapedText, ''),
path: filePath,
component: filePath.split('/').pop().replace('.types.ts', ''),
component: filePath.split(sep).pop().replace('.types.ts', ''),
})
})
return commands
Expand Down
6 changes: 3 additions & 3 deletions packages/core/config/doc-output-target/index.ts
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/* eslint-disable @nx/enforce-module-boundaries */
import path from 'path'
import path, { sep } from 'path'
import { globSync } from 'glob'
import { JsonDocs, JsonDocsStyle, OutputTargetDocsCustom } from '@stencil/core/internal'
import { writeFileSync, mkdirSync, readFileSync } from 'fs'
Expand Down Expand Up @@ -30,7 +30,7 @@ export const CustomDocumentationGenerator: OutputTargetDocsCustom = {
const componentName = component.tag
const storyPath = component.dirPath?.replace('packages/components/src', 'docs/stories') || ''

const componentFolderDepth = component.filePath?.split('/').length
const componentFolderDepth = component.filePath?.split(sep).length
const isRoot = componentFolderDepth === 4

try {
Expand Down Expand Up @@ -90,7 +90,7 @@ export const CustomDocumentationGenerator: OutputTargetDocsCustom = {
const capitalized = s => s.charAt(0).toUpperCase() + s.slice(1)

const getFileName = (filePath: string) =>
(filePath.split('/').pop() || 'global.vars.sass').replace('.vars.sass', '')
(filePath.split(path.sep).pop() || 'global.vars.sass').replace('.vars.sass', '')

for (let index = 0; index < cssVarsFiles.length; index++) {
const cssVarsFile = cssVarsFiles[index]
Expand Down

0 comments on commit 5cc6f68

Please sign in to comment.