azion-theme 1.4.2 → 1.5.0

package/.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Publish Package to npm.pkg.github
+name: Publish Package
 
 on:
   repository_dispatch:

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.5.0](https://github.com/aziontech/azion-theme/compare/v1.4.3...v1.5.0) (2024-08-05)
+
+### Features
+
+* default theme supporting dark/light mode ([14433c6](https://github.com/aziontech/azion-theme/commit/14433c6814c8ef6601a73106043a4e83b47fc36b))
+
+## [1.4.3](https://github.com/aziontech/azion-theme/compare/v1.4.2...v1.4.3) (2024-08-01)
+
+### Bug Fixes
+
+* relaunch docs ([3011ee2](https://github.com/aziontech/azion-theme/commit/3011ee228d273f71f505afb0d1af39aadffd84be))
+
 ## [1.4.2](https://github.com/aziontech/azion-theme/compare/v1.4.1...v1.4.2) (2024-08-01)
 
 ### Bug Fixes

package/CODEOWNERS

@@ -1 +1 @@
-* @cesaroeduardo @gablisb0a
+* @cesaroeduardo @robsongajunior

package/README.md

@@ -1,77 +1,73 @@
-# azion-theme
 
-![Sass Cover Azion Theme](./doc/cover-image.png)
+# Azion Theme
 
-The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects,
-including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion.
+![Sass Cover Azion Theme](./doc/cover-image.png)
 
+The Azion Theme repository is focused on sharing our style kit across interfaces and should be used in all company projects, including Azion Console Kit, Azion Site, Landing Pages, and all user interactions with Azion.
 
-## Easy to install
+## Easy to Install
 
-To install the azion-theme project, you need to follow the command.
-Choice one of your preference: npm or yarn;
+To install the `azion-theme` project, you need to follow the command. Choose one of your preferences: npm or yarn:
 
-``` bash
+```bash
 npm install azion-theme --save
 # or
 yarn add azion-theme
 ```
 
-Alternatively, you can configure the package.json file by adding the dependency:
+Alternatively, you can configure the `package.json` file by adding the dependency:
 
-``` json
+```json
 {
   "dependencies": {
-      "azion-theme": "ˆ1.4.0"
+    "azion-theme": "^1.4.0"
   }
 }
 ```
 
-After updating the package.json file, run npm install in the root of your project to install the Azion Theme.
-
+After updating the `package.json` file, run `npm install` in the root of your project to install the Azion Theme.
 
-### Easy to connect with Front-End Project
+### Easy to Connect with Front-End Project
 
-To integrate the Azion Theme into your front-end project,
-you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.):
+To integrate the Azion Theme into your front-end project, you need to import the theme files in your project's entry point file (App.vue, main.js, index.js, etc.):
 
-``` javascript
+```javascript
 import 'azion-theme/dark';
 import 'azion-theme/light';
 ```
 
-Make sure to include these imports at the top of your entry point file
-to ensure the styles are applied correctly throughout your application.
+Make sure to include these imports at the top of your entry point file to ensure the styles are applied correctly throughout your application.
 
+## How to Develop Locally
 
-## How to locally development
-
-To work locally, you should clone both the `azion-theme`
-repository and the another repository where theme will be used.
+To work locally, you should clone both the `azion-theme` repository and the other repository where the theme will be used.
 
 ### Example:
+
 In this example, we will use the [azion-webkit](https://github.com/aziontech/azion-webkit) repository:
 
-1. Clone the `azion-webkit` and `azion-theme` repositories;
+1. Clone the `azion-webkit` and `azion-theme` repositories:
+  
   ```bash
-    git clone https://github.com/aziontech/azion-webkit.git
-    git clone https://github.com/aziontech/azion-theme.git
+  git clone https://github.com/aziontech/azion-webkit.git
+  git clone https://github.com/aziontech/azion-theme.git
   ```
 
-2. Installing dependecies and create the link point;
+2. Install dependencies and create the link point:
+  
   ```bash
-    cd ./azion-theme && npm i && npm link
+  cd ./azion-theme && npm i && npm link
   ```
 
-3. Linking the `azion-theme` to the `azion-webkit` project;
+3. Link the `azion-theme` to the `azion-webkit` project:
+  
   ```bash
-    cd ../azion-webkit && npm i && npm link azion-theme
+  cd ../azion-webkit && npm i && npm link azion-theme
   ```
 
 Any modifications made to `azion-theme` will be reflected on this development server with hot reload.
 
-
 ## Links
 
-- https://v3.primevue.org/
-- https://github.com/primefaces/primevue-sass-theme
+- [PrimeVue](https://v3.primevue.org/)
+- [PrimeVue Sass Theme](https://github.com/primefaces/primevue-sass-theme)

package/default.js

@@ -0,0 +1 @@
+import './src/azion/theme.scss';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "azion-theme",
   "type": "module",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "author": "aziontech",
   "contributors": [
     {
@@ -18,7 +18,8 @@
   ],
   "exports": {
     "./dark": "./dark.js",
-    "./light": "./light.js"
+    "./light": "./light.js",
+    ".": "./default.js"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/src/azion/_custom.scss

@@ -0,0 +1 @@
+@import './custom/selection'

package/src/azion/_extensions.scss

@@ -0,0 +1,30 @@
+/* Customizations to the designer theme should be defined here */
+@layer primevue {
+  @import './extended-components/button';
+  @import './extended-components/selectbutton';
+  @import './extended-components/tabview';
+  @import './extended-components/tabmenu';
+  @import './extended-components/divider';
+  @import './extended-components/dropdownitem';
+  @import './extended-components/inlinemessage';
+  @import './extended-components/breadcumb';
+  @import './extended-components/sidebar';
+  @import './extended-components/tooltip';
+  @import './extended-components/datatable';
+  @import './extended-components/inputpassword';
+  @import './extended-components/toast';
+  @import './extended-components/inputswitch';
+  @import './extended-components/radiobutton';
+  @import './extended-components/checkbox';
+  @import './extended-components/tag';
+  @import './extended-components/markdown';
+  @import './extended-components/listbox';
+  @import './extended-components/inputnumber';
+  @import './extended-components/calendar';
+  @import './extended-components/badge';
+  @import './extended-components/menuitem';
+  @import './extended-components/progressbar';
+  @import './extended-components/dialog';
+  @import './extended-components/multiselect';
+
+}

package/src/azion/_fonts.scss

@@ -0,0 +1,156 @@
+// Configuration for the font-face of the theme, defaults to the system font so left as blank
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-light.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-light.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-light.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-light.svg#roboto-light') format('svg');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-regular.ttf') format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto Mono';
+  src: url('https://fonts.azion.com/roboto-mono/roboto-mono-light.ttf') format('truetype');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-regular.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-regular.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-regular.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-regular.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-regular.svg#Roboto-Regular') format('svg');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-italic.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-italic.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-italic.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-italic.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-italic.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-italic.svg#roboto-italic') format('svg');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-medium.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-medium.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-medium.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-medium.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-medium.svg#roboto-medium') format('svg');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-mediumitalic.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-mediumitalic.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-mediumitalic.svg#roboto-mediumitalic') format('svg');
+  font-weight: 500;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-bold.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-bold.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-bold.svg#roboto-bold') format('svg');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bold.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-bold.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-bold.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-bold.svg#roboto-bold') format('svg');
+  font-weight: bold;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.svg#roboto-bolditalic') format('svg');
+  font-weight: bold;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-bolditalic.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-bolditalic.svg#roboto-bold') format('svg');
+  font-weight: 600;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('https://fonts.azion.com/roboto/roboto-black.eot');
+  src:
+    url('https://fonts.azion.com/roboto/roboto-black.eot?#iefix') format('embedded-opentype'),
+    url('https://fonts.azion.com/roboto/roboto-black.woff2') format('woff2'),
+    url('https://fonts.azion.com/roboto/roboto-black.woff') format('woff'),
+    url('https://fonts.azion.com/roboto/roboto-black.ttf') format('truetype'),
+    url('https://fonts.azion.com/roboto/roboto-black.svg#roboto-black') format('svg');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}