@wizco/fenixds-core 1.4.2 → 1.5.1

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.
Files changed (6) hide show
  1. package/esm2022/lib/styles/styles.component.mjs +4 -4
  2. package/fesm2022/wizco-fenixds-core.mjs +3 -3
  3. package/fesm2022/wizco-fenixds-core.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/styles/core.css +22 -18
  6. package/styles/scss/forms.scss +16 -11
package/esm2022/lib/styles/styles.component.mjs CHANGED
@@ -2,11 +2,11 @@ import { Component } from '@angular/core';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from "@angular/core";
4
4
  export class StylesComponent {
5
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StylesComponent, isStandalone: true, selector: "lib-styles", ngImport: i0, template: "<p>styles works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
5
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: StylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
6
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: StylesComponent, isStandalone: true, selector: "lib-styles", ngImport: i0, template: "<p>styles works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
7
7
  }
8
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StylesComponent, decorators: [{
8
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: StylesComponent, decorators: [{
9
9
  type: Component,
10
10
  args: [{ selector: 'lib-styles', standalone: true, imports: [CommonModule], template: "<p>styles works!</p>\n" }]
11
11
  }] });
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9zdHlsZXMvc3R5bGVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9zdHlsZXMvc3R5bGVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVMvQyxNQUFNLE9BQU8sZUFBZTt3R0FBZixlQUFlOzRGQUFmLGVBQWUsc0VDVjVCLHdCQUNBLHlEREtZLFlBQVk7OzRGQUlYLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXN0eWxlcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3R5bGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdHlsZXNDb21wb25lbnQge1xuXG59XG4iLCI8cD5zdHlsZXMgd29ya3MhPC9wPlxuIl19
12
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9zdHlsZXMvc3R5bGVzLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmUvc3JjL2xpYi9zdHlsZXMvc3R5bGVzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVMvQyxNQUFNLE9BQU8sZUFBZTt1R0FBZixlQUFlOzJGQUFmLGVBQWUsc0VDVjVCLHdCQUNBLHlEREtZLFlBQVk7OzJGQUlYLGVBQWU7a0JBUDNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLXN0eWxlcycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vc3R5bGVzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTdHlsZXNDb21wb25lbnQge1xuXG59XG4iLCI8cD5zdHlsZXMgd29ya3MhPC9wPlxuIl19
package/fesm2022/wizco-fenixds-core.mjs CHANGED
@@ -3,10 +3,10 @@ import { Component } from '@angular/core';
3
3
  import { CommonModule } from '@angular/common';
4
4
 
5
5
  class StylesComponent {
6
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: StylesComponent, isStandalone: true, selector: "lib-styles", ngImport: i0, template: "<p>styles works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
6
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: StylesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
7
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: StylesComponent, isStandalone: true, selector: "lib-styles", ngImport: i0, template: "<p>styles works!</p>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
8
8
  }
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: StylesComponent, decorators: [{
9
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: StylesComponent, decorators: [{
10
10
  type: Component,
11
11
  args: [{ selector: 'lib-styles', standalone: true, imports: [CommonModule], template: "<p>styles works!</p>\n" }]
12
12
  }] });
package/fesm2022/wizco-fenixds-core.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"wizco-fenixds-core.mjs","sources":["../../../projects/core/src/lib/styles/styles.component.ts","../../../projects/core/src/lib/styles/styles.component.html","../../../projects/core/src/public-api.ts","../../../projects/core/src/wizco-fenixds-core.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'lib-styles',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './styles.component.html',\n styleUrls: ['./styles.component.css']\n})\nexport class StylesComponent {\n\n}\n","<p>styles works!</p>\n","/*\n* Public API Surface of core\n*/\nexport * from './lib/styles/styles.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,eAAe,CAAA;wGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV5B,wBACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDKY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EACV,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA;;;AENzB;;AAEE;;ACFF;;AAEG;;;;"}
1
+ {"version":3,"file":"wizco-fenixds-core.mjs","sources":["../../../projects/core/src/lib/styles/styles.component.ts","../../../projects/core/src/lib/styles/styles.component.html","../../../projects/core/src/public-api.ts","../../../projects/core/src/wizco-fenixds-core.ts"],"sourcesContent":["import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n selector: 'lib-styles',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './styles.component.html',\n styleUrls: ['./styles.component.css']\n})\nexport class StylesComponent {\n\n}\n","<p>styles works!</p>\n","/*\n* Public API Surface of core\n*/\nexport * from './lib/styles/styles.component';","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAUa,eAAe,CAAA;uGAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECV5B,wBACA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDKY,YAAY,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,EACV,UAAA,EAAA,IAAI,EACP,OAAA,EAAA,CAAC,YAAY,CAAC,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAA;;;AENzB;;AAEE;;ACFF;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@wizco/fenixds-core",
3
3
  "description": "Fenix design system é um produto da Wiz com ativos de design e código de front-end para ajudar as equipes na criação dos seus produtos.",
4
- "version": "1.4.2",
4
+ "version": "1.5.1",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "author": "Raul Melo Fernandez",
package/styles/core.css CHANGED
@@ -887,21 +887,21 @@ a.btn {
887
887
  --wco-input-color-bg: var(--wco-color-neutral-100, #E9EBEC); }
888
888
  .wco-form-field:has(
889
889
  input:read-only:not(:disabled),
890
- textarea:read-only:not(:disabled)
891
- ),
892
- .wco-form-field .form--readonly:not(.form-field--disabled),
893
- .wco-form-field .form-field--readonly:not(.form-field--disabled),
890
+ textarea:read-only:not(:disabled),
891
+ select[readonly]:not(:disabled)
892
+ ), .wco-form-field.form--readonly:not(.form-field--disabled), .wco-form-field.form-field--readonly:not(.form-field--disabled),
894
893
  .form-field:has(
895
894
  input:read-only:not(:disabled),
896
- textarea:read-only:not(:disabled)
895
+ textarea:read-only:not(:disabled),
896
+ select[readonly]:not(:disabled)
897
897
  ),
898
- .form-field .form--readonly:not(.form-field--disabled),
899
- .form-field .form-field--readonly:not(.form-field--disabled) {
900
- --wco-input-color-label: var(--wco-color-neutral-600, #C3C8CC);
901
- --wco-input-color-outline: var(--wco-color-neutral-500, #C3C8CC);
898
+ .form-field.form--readonly:not(.form-field--disabled),
899
+ .form-field.form-field--readonly:not(.form-field--disabled) {
900
+ --wco-input-color-label: var(--wco-color-neutral-900, #C3C8CC);
901
+ --wco-input-color-outline: transparent;
902
902
  --wco-input-color-icon: var(--wco-color-neutral-300, #C3C8CC);
903
903
  --wco-input-color-text: var(--wco-color-neutral-900, #C3C8CC);
904
- --wco-input-color-bg: var(--wco-color-neutral-50, #E9EBEC); }
904
+ --wco-input-color-bg: var(--wco-color-neutral-100, #E9EBEC); }
905
905
  .wco-form-field.form-field--error:not(:placeholder-shown) ~ label,
906
906
  .wco-form-field.form--error:not(:placeholder-shown) ~ label, .wco-form-field.form-field--error, .wco-form-field:has(input:invalid:not(:placeholder-shown)), .wco-form-field:has(.form-field--error), .wco-form-field.form--error,
907
907
  .form-field.form-field--error:not(:placeholder-shown) ~ label,
@@ -1041,22 +1041,26 @@ a.btn {
1041
1041
  min-height: var(--wco-input-min-height);
1042
1042
  padding-top: 0;
1043
1043
  padding-bottom: 0; }
1044
- .wco-form-field:has(select).form--readonly,
1045
- .form-field:has(select).form--readonly {
1044
+ .wco-form-field:has(select).form--readonly, .wco-form-field:has(select):has([readonly]):not(:disabled),
1045
+ .form-field:has(select).form--readonly,
1046
+ .form-field:has(select):has([readonly]):not(:disabled) {
1046
1047
  pointer-events: none; }
1047
- .wco-form-field:has(select).form--readonly::after,
1048
- .form-field:has(select).form--readonly::after {
1048
+ .wco-form-field:has(select).form--readonly::after, .wco-form-field:has(select):has([readonly]):not(:disabled)::after,
1049
+ .form-field:has(select).form--readonly::after,
1050
+ .form-field:has(select):has([readonly]):not(:disabled)::after {
1049
1051
  display: none; }
1050
1052
  .wco-form-field:has(select)::after,
1051
1053
  .form-field:has(select)::after {
1052
1054
  content: '';
1053
1055
  position: absolute;
1054
1056
  top: 50%;
1055
- right: 12px;
1057
+ right: 19px;
1056
1058
  transform: translateY(-50%);
1057
- width: 30px;
1058
- height: 100%;
1059
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.58984L12 13.1698L16.59 8.58984L18 9.99984L12 15.9998L6 9.99984L7.41 8.58984Z' fill='var(--wco-color-primary-600, black)'/%3E%3C/svg%3E%0A");
1059
+ width: min-content;
1060
+ height: 5px;
1061
+ border-left: 6px solid transparent;
1062
+ border-right: 6px solid transparent;
1063
+ border-top: 6px solid var(--wco-color-primary-600);
1060
1064
  background-size: 30px;
1061
1065
  background-position: center;
1062
1066
  background-repeat: no-repeat; }
package/styles/scss/forms.scss CHANGED
@@ -139,15 +139,17 @@
139
139
  /// View Only
140
140
  &:has(
141
141
  input:read-only:not(:disabled),
142
- textarea:read-only:not(:disabled)
142
+ textarea:read-only:not(:disabled),
143
+ select[readonly]:not(:disabled)
143
144
  ),
144
- .form--readonly:not(.form-field--disabled),
145
- .form-field--readonly:not(.form-field--disabled) {
146
- --wco-input-color-label: var(--wco-color-neutral-600, #C3C8CC);
147
- --wco-input-color-outline: var(--wco-color-neutral-500, #C3C8CC);
145
+ &.form--readonly:not(.form-field--disabled),
146
+ &.form-field--readonly:not(.form-field--disabled)
147
+ {
148
+ --wco-input-color-label: var(--wco-color-neutral-900, #C3C8CC);
149
+ --wco-input-color-outline: transparent;
148
150
  --wco-input-color-icon: var(--wco-color-neutral-300, #C3C8CC);
149
151
  --wco-input-color-text: var(--wco-color-neutral-900, #C3C8CC);
150
- --wco-input-color-bg: var(--wco-color-neutral-50, #E9EBEC);
152
+ --wco-input-color-bg: var(--wco-color-neutral-100, #E9EBEC);
151
153
  }
152
154
 
153
155
  /// Error
@@ -294,7 +296,8 @@
294
296
  padding-bottom: 0;
295
297
  }
296
298
 
297
- &.form--readonly {
299
+ &.form--readonly,
300
+ &:has([readonly]):not(:disabled) {
298
301
  pointer-events: none;
299
302
  &::after {
300
303
  display: none;
@@ -304,11 +307,13 @@
304
307
  content: '';
305
308
  position: absolute;
306
309
  top: 50%;
307
- right: 12px;
310
+ right: 19px;
308
311
  transform: translateY(-50%);
309
- width: 30px;
310
- height: 100%;
311
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41 8.58984L12 13.1698L16.59 8.58984L18 9.99984L12 15.9998L6 9.99984L7.41 8.58984Z' fill='var(--wco-color-primary-600, black)'/%3E%3C/svg%3E%0A");
312
+ width: min-content;
313
+ height: 5px;
314
+ border-left: 6px solid transparent;
315
+ border-right: 6px solid transparent;
316
+ border-top: 6px solid var(--wco-color-primary-600);
312
317
  background-size: 30px;
313
318
  background-position: center;
314
319
  background-repeat: no-repeat;