@aurodesignsystem-dev/auro-button 0.0.0-pr377.4 → 0.0.0-pr377.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.
Files changed (2) hide show
  1. package/demo/api.md +30 -30
  2. package/package.json +6 -2
package/demo/api.md CHANGED
@@ -847,10 +847,10 @@ For buttons without a `buttonHref` attribute, the `button` part will be availabl
847
847
  <auro-button id="part-button-example">Primary</auro-button>
848
848
  <style>
849
849
  #part-button-example::part(button) {
850
- background-color: white;
850
+ background-color: var(--ds-basic-color-surface-default);
851
851
  background-image: none;
852
- color: #333;
853
- border: 1px solid #119933
852
+ color: var(--ds-basic-color-border-bold);
853
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
854
854
  }
855
855
  </style>
856
856
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -864,10 +864,10 @@ For buttons without a `buttonHref` attribute, the `button` part will be availabl
864
864
  <auro-button id="part-button-example">Primary</auro-button>
865
865
  <style>
866
866
  #part-button-example::part(button) {
867
- background-color: white;
867
+ background-color: var(--ds-basic-color-surface-default);
868
868
  background-image: none;
869
- color: #333;
870
- border: 1px solid #119933
869
+ color: var(--ds-basic-color-border-bold);
870
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
871
871
  }
872
872
  </style>
873
873
  ```
@@ -884,10 +884,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
884
884
  <auro-button id="part-link-example" buttonHref="/test">Primary</auro-button>
885
885
  <style>
886
886
  #part-link-example::part(link) {
887
- background-color: white;
887
+ background-color: var(--ds-basic-color-surface-default);
888
888
  background-image: none;
889
- color: #333;
890
- border: 1px solid #119933
889
+ color: var(--ds-basic-color-border-bold);
890
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
891
891
  }
892
892
  </style>
893
893
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -901,10 +901,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
901
901
  <auro-button id="part-link-example" buttonHref="/test">Primary</auro-button>
902
902
  <style>
903
903
  #part-link-example::part(link) {
904
- background-color: white;
904
+ background-color: var(--ds-basic-color-surface-default);
905
905
  background-image: none;
906
- color: #333;
907
- border: 1px solid #119933
906
+ color: var(--ds-basic-color-border-bold);
907
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
908
908
  }
909
909
  </style>
910
910
  ```
@@ -919,10 +919,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
919
919
  <auro-button id="part-content-wrapper-example">Primary</auro-button>
920
920
  <style>
921
921
  #part-content-wrapper-example::part(contentWrapper) {
922
- background-color: white;
922
+ background-color: var(--ds-basic-color-surface-default);
923
923
  background-image: none;
924
- color: #333;
925
- border: 1px solid #119933
924
+ color: var(--ds-basic-color-border-bold);
925
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
926
926
  }
927
927
  </style>
928
928
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -936,10 +936,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
936
936
  <auro-button id="part-content-wrapper-example">Primary</auro-button>
937
937
  <style>
938
938
  #part-content-wrapper-example::part(contentWrapper) {
939
- background-color: white;
939
+ background-color: var(--ds-basic-color-surface-default);
940
940
  background-image: none;
941
- color: #333;
942
- border: 1px solid #119933
941
+ color: var(--ds-basic-color-border-bold);
942
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
943
943
  }
944
944
  </style>
945
945
  ```
@@ -954,10 +954,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
954
954
  <auro-button id="part-text-example">Primary</auro-button>
955
955
  <style>
956
956
  #part-text-example::part(text) {
957
- background-color: white;
957
+ background-color: var(--ds-basic-color-surface-default);
958
958
  background-image: none;
959
- color: #333;
960
- border: 1px solid #119933
959
+ color: var(--ds-basic-color-border-bold);
960
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
961
961
  }
962
962
  </style>
963
963
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -971,10 +971,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
971
971
  <auro-button id="part-text-example">Primary</auro-button>
972
972
  <style>
973
973
  #part-text-example::part(text) {
974
- background-color: white;
974
+ background-color: var(--ds-basic-color-surface-default);
975
975
  background-image: none;
976
- color: #333;
977
- border: 1px solid #119933
976
+ color: var(--ds-basic-color-border-bold);
977
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
978
978
  }
979
979
  </style>
980
980
  ```
@@ -989,10 +989,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
989
989
  <auro-button id="part-loader-example" loading>Primary</auro-button>
990
990
  <style>
991
991
  #part-loader-example::part(loader) {
992
- background-color: white;
992
+ background-color: var(--ds-basic-color-surface-default);
993
993
  background-image: none;
994
- color: #333;
995
- border: 1px solid #119933
994
+ color: var(--ds-basic-color-border-bold);
995
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
996
996
  }
997
997
  </style>
998
998
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -1006,10 +1006,10 @@ For buttons with a `buttonHref` property, the `link` part will be available
1006
1006
  <auro-button id="part-loader-example" loading>Primary</auro-button>
1007
1007
  <style>
1008
1008
  #part-loader-example::part(loader) {
1009
- background-color: white;
1009
+ background-color: var(--ds-basic-color-surface-default);
1010
1010
  background-image: none;
1011
- color: #333;
1012
- border: 1px solid #119933
1011
+ color: var(--ds-basic-color-border-bold);
1012
+ border: 1px solid var(--ds-basic-color-brand-tertiary-bold);
1013
1013
  }
1014
1014
  </style>
1015
1015
  ```
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem-dev/auro-button",
10
- "version": "0.0.0-pr377.4",
10
+ "version": "0.0.0-pr377.6",
11
11
  "description": "Auro custom auro-button element",
12
12
  "author": "Product design and research",
13
13
  "repository": {
@@ -67,7 +67,11 @@
67
67
  "./package.json": "./package.json",
68
68
  "./custom-elements.json": "./custom-elements.json",
69
69
  "./readme.md": "./README.md",
70
- ".": "./dist/registered.js",
70
+ ".": {
71
+ "module": "./dist/registered.js",
72
+ "types": "./dist/index.d.ts",
73
+ "default": "./dist/registered.js"
74
+ },
71
75
  "./demo/*.md": "./demo/*.md",
72
76
  "./demo/*.js": "./demo/*.min.js",
73
77
  "./class": {