@baloise/ds-styles 0.0.5 → 0.0.6

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/README.md CHANGED
@@ -2,44 +2,35 @@
2
2
  <img src="https://raw.githubusercontent.com/baloise/design-system/main/resources/images/banner.svg?sanitize=true" alt="Baloise Design System" />
3
3
  </a>
4
4
 
5
- <br>
6
-
7
- [![Continuous](https://github.com/baloise/design-system/actions/workflows/continuous.yml/badge.svg?branch=main)](https://github.com/baloise/design-system/actions/workflows/continuous.yml)
8
-
9
- ![npm](https://img.shields.io/npm/v/@baloise/design-system-components)
10
- ![npm bundle size](https://img.shields.io/bundlephobia/min/@baloise/design-system-components)
11
- ![npm](https://img.shields.io/npm/dt/@baloise/design-system-components)
12
- ![GitHub](https://img.shields.io/github/license/baloise/design-system)
13
- ![GitHub issues](https://img.shields.io/github/issues/baloise/design-system)
14
- [![Registred on webnamespaces.org](https://img.shields.io/static/v1?label=webnamespaces.org&color=blue&message=bal)](https://webnamespaces.org)
15
- ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)
16
-
17
- ## About
18
-
19
- The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
20
-
21
- Check out the [documentation](https://design.baloise.dev)
22
-
23
- ## Packages
24
-
25
- | Package | Status | Description |
26
- | ------------------------------------------------ | ------------------------------------------------------------------------------ | ----------------------------------------------------------------------- |
27
- | [Components](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-components) | Core package build with web components and global styling. |
28
- | [Components Angular](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-components-angular) | Angular component proxies based on the the core package. |
29
- | [Components Vue](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-components-vue) | Vue component proxies based on the the core package. |
30
- | [Components React](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-components-react) | React component proxies based on the the core package. |
31
- | [Components Table](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-components-table) | Integration library for AG-Grid with styles and renderer functions |
32
- | [CLI](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-cli) | CLI to scaffold an angular project or migration helpers. |
33
- | [Tokens](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-tokens) | Design Tokens like color and spacing. |
34
- | [Styles](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-styles) | Basic CSS styles with utility classes. |
35
- | [Icons](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-icons) | SVG icons of the design system. |
36
- | [Favicons](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-favicons) | Favicons of the design system. |
37
- | [Maps](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-maps) | Google Maps styles and icons. |
38
- | [Fonts](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-fonts) | Web-Font of the design system. |
39
- | [Testing](https://design.baloise.dev) | ![npm](https://img.shields.io/npm/v/@baloise/design-system-testing) | Testing package with custom and overridden commands for each component. |
40
-
41
- CI PR
42
- Release
43
- Snapshot
44
- Nightly
45
- Visual Base
5
+ <br />
6
+
7
+ <p align="center">
8
+ The Baloise Design System consists of reusable components and a clearly defined visual style, that can be assembled together to build any number of applications.
9
+ </p>
10
+
11
+ <p align="center">
12
+ <a href="https://github.com/baloise/design-system/actions/workflows/continuous.yml">
13
+ <img src="https://github.com/baloise/design-system/actions/workflows/continuous.yml/badge.svg?branch=main" alt="Continuous" />
14
+ </a>
15
+ <a href="https://www.npmjs.com/package/@baloise/ds-core">
16
+ <img src="https://img.shields.io/npm/v/@baloise/ds-core" alt="NPM" />
17
+ </a>
18
+ <a href="https://www.npmjs.com/package/@baloise/ds-core">
19
+ <img src="https://img.shields.io/bundlephobia/min/@baloise/ds-core" alt="Bundle Size" />
20
+ </a>
21
+ <a href="https://webnamespaces.org">
22
+ <img src="https://img.shields.io/static/v1?label=webnamespaces.org&color=blue&message=bal" alt="Registred on webnamespaces.org" />
23
+ </a>
24
+ </p>
25
+
26
+ <h3 align="center">
27
+ <a href="https://design.baloise.dev/?path=/docs/development-getting-started--documentation">Quickstart</a>
28
+ <span> · </span>
29
+ <a href="https://design.baloise.dev">
30
+ Documentation
31
+ </a>
32
+ <span> · </span>
33
+ <a href="https://design.baloise.dev/?path=/docs/contributing--documentation">Contribute</a>
34
+ <span> · </span>
35
+ <a href="https://github.com/baloise/design-system/blob/main/CHANGELOG.md">Changelog</a>
36
+ </h3>
package/bin/index.mjs CHANGED
@@ -176,10 +176,10 @@ const main = async () => {
176
176
  async function migrateComponentStylesSheet({ log, isDirectory, directoryPath, filePath }) {
177
177
  const files = []
178
178
  if (isDirectory) {
179
- files.push(path.join(directoryPath, '**', '*.sass'))
180
- files.push(path.join(directoryPath, '**', '*.scss'))
179
+ files.push(path.join(directoryPath, '**', '*.sass').replace(/\\/g, '/'))
180
+ files.push(path.join(directoryPath, '**', '*.scss').replace(/\\/g, '/'))
181
181
  } else {
182
- files.push(filePath)
182
+ files.push(filePath.replace(/\\/g, '/'))
183
183
  }
184
184
 
185
185
  try {
@@ -201,10 +201,10 @@ async function migrateComponentStylesSheet({ log, isDirectory, directoryPath, fi
201
201
  async function migrateCSSVariables({ log, isDirectory, directoryPath, filePath }) {
202
202
  const files = []
203
203
  if (isDirectory) {
204
- files.push(path.join(directoryPath, '**', '*.sass'))
205
- files.push(path.join(directoryPath, '**', '*.scss'))
204
+ files.push(path.join(directoryPath, '**', '*.sass').replace(/\\/g, '/'))
205
+ files.push(path.join(directoryPath, '**', '*.scss').replace(/\\/g, '/'))
206
206
  } else {
207
- files.push(filePath)
207
+ files.push(filePath.replace(/\\/g, '/'))
208
208
  }
209
209
 
210
210
  try {
@@ -234,7 +234,7 @@ async function migrateCSSVariables({ log, isDirectory, directoryPath, filePath }
234
234
  }
235
235
 
236
236
  async function migrateGlobalStyleSheet({ globalStyleSheetPath, log }) {
237
- const files = globalStyleSheetPath
237
+ const files = globalStyleSheetPath.replace(/\\/g, '/')
238
238
  try {
239
239
  const result = await replace({
240
240
  files,
@@ -359,9 +359,9 @@ async function migrateInlineTemplates({ filePath, log, utilReplacers }) {
359
359
  async function migrateHtmlFiles({ filePath, log, utilReplacers }) {
360
360
  // check if path is directly one file
361
361
  const isFile = filePath.trim().endsWith('.html')
362
- let files = filePath
362
+ let files = filePath.replace(/\\/g, '/')
363
363
  if (!isFile) {
364
- files = path.join(`${files}`, '**', '*.html')
364
+ files = path.join(`${files}`, '**', '*.html'.replace(/\\/g, '/'))
365
365
  }
366
366
 
367
367
  try {
package/css/all.css CHANGED
@@ -600,7 +600,7 @@ fieldset {
600
600
  }
601
601
  /**
602
602
  * Do not edit directly
603
- * Generated on Wed, 28 Feb 2024 13:27:31 GMT
603
+ * Generated on Mon, 04 Mar 2024 13:56:36 GMT
604
604
  */
605
605
  :root {
606
606
  --bal-text-shadow-normal: 0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5); /* Increases readability when used on a image background. */