@graupl/icons 1.0.0-alpha.4 → 1.0.0-beta.0

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 (27) hide show
  1. package/.husky/commit-msg +0 -1
  2. package/.husky/pre-commit +0 -1
  3. package/CHANGELOG.md +19 -0
  4. package/dist/base/button.css +2 -0
  5. package/dist/base/button.css.map +1 -0
  6. package/dist/base/link.css.map +1 -1
  7. package/dist/base.css +1 -1
  8. package/dist/base.css.map +1 -1
  9. package/dist/component/icon.css +1 -1
  10. package/dist/component/icon.css.map +1 -1
  11. package/dist/component.css +1 -1
  12. package/dist/component.css.map +1 -1
  13. package/dist/icon.css +1 -1
  14. package/dist/icon.css.map +1 -1
  15. package/package.json +4 -4
  16. package/scss/base/button.scss +3 -0
  17. package/src/scss/base/_index.scss +1 -0
  18. package/src/scss/{component → base}/button/_defaults.scss +1 -1
  19. package/src/scss/{component → base}/button/_index.scss +4 -3
  20. package/src/scss/{component → base}/button/_variables.scss +1 -1
  21. package/src/scss/base/link/_index.scss +2 -1
  22. package/src/scss/component/_index.scss +0 -1
  23. package/src/scss/component/icon/_defaults.scss +7 -0
  24. package/src/scss/component/icon/_index.scss +23 -15
  25. package/dist/component/button.css +0 -2
  26. package/dist/component/button.css.map +0 -1
  27. package/scss/component/button.scss +0 -3
package/.husky/commit-msg CHANGED
@@ -1,4 +1,3 @@
1
1
  #!/bin/sh
2
- . "$(dirname "$0")/_/husky.sh"
3
2
 
4
3
  npx --no-install commitlint --edit $1
package/.husky/pre-commit CHANGED
@@ -1,5 +1,4 @@
1
1
  #!/bin/sh
2
- . "$(dirname "$0")/_/husky.sh"
3
2
 
4
3
  echo committing as $(git config user.name)
5
4
  npx lint-staged
package/CHANGELOG.md CHANGED
@@ -2,6 +2,25 @@
2
2
 
3
3
  All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4
4
 
5
+ ## [1.0.0-beta.0](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.5...v1.0.0-beta.0) (2024-12-05)
6
+
7
+
8
+ ### Features
9
+
10
+ * update to handle graupl beta ([1ef98d3](https://github.com/Graupl/graupl/commit/1ef98d3555872375e475decae08f76b89a73a18f))
11
+
12
+
13
+ ### Build System
14
+
15
+ * **husky:** update hooks ([b8a65d7](https://github.com/Graupl/graupl/commit/b8a65d7a01b2f93fffd21fc77fabb97eb01ee413))
16
+
17
+ ## [1.0.0-alpha.5](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.4...v1.0.0-alpha.5) (2024-05-24)
18
+
19
+
20
+ ### Features
21
+
22
+ * **icons:** allow selectors to be customized ([14a0d65](https://github.com/Graupl/graupl/commit/14a0d6582b6d57be6fe3cb4734fa506a30db69c8))
23
+
5
24
  ## [1.0.0-alpha.4](https://github.com/Graupl/graupl/compare/v1.0.0-alpha.3...v1.0.0-alpha.4) (2024-05-21)
6
25
 
7
26
 
package/dist/base/button.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}}
2
+ /*# sourceMappingURL=button.css.map */
package/dist/base/button.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","button.css"],"names":[],"mappings":"AAQE,oBCCA,QACE,2LCNF,CACF","file":"button.css"}
package/dist/base/link.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AASI,oBCDF,EACE,gKCNF,CACF","file":"link.css"}
1
+ {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AAQE,oBCCA,EACE,gKCPF,CACF","file":"link.css"}
package/dist/base.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.theme{a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}}
1
+ @layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}}@layer graupl.theme{}
2
2
  /*# sourceMappingURL=base.css.map */
package/dist/base.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/base/link/_index.scss","base.css"],"names":[],"mappings":"AASI,oBCDF,EACE,gKCNF,CACF","file":"base.css"}
1
+ {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/base/button/_index.scss","base.css","../src/scss/base/link/_index.scss"],"names":[],"mappings":"AAQE,oBCCA,QACE,2LCNF,CCKA,EACE,gKDDF,CAJF,CFGE,oBEEF","file":"base.css"}
package/dist/component/icon.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
1
+ @layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
2
2
  /*# sourceMappingURL=icon.css.map */
package/dist/component/icon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/component/icon/_index.scss","../../src/scss/mixins/icon.scss","../../src/scss/component/icon/_variables.scss","icon.css"],"names":[],"mappings":"AASI,wBCCF,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DESA,CFME,oBAIE,uGEMJ,CFHE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DEyCA,CFnBE,kBAIE,yGEeJ,CACF,CJvCI,oBCyBE,kBACE,uIGiBN,CHlBI,kBACE,uIGoBN,CHrBI,kBACE,uIGuBN,CHxBI,kBACE,uIG0BN,CH3BI,kBACE,uIG6BN,CH9BI,kBACE,uIGgCN,CHjCI,kBACE,uIGmCN,CHpCI,kBACE,uIGsCN,CHvCI,kBACE,uIGyCN,CH1CI,oBACE,6IG4CN,CH7CI,oBACE,6IG+CN,CHhDI,oBACE,6IGkDN,CHnDI,oBACE,6IGqDN,CHtDI,oBACE,6IGwDN,CHzDI,oBACE,6IG2DN,CH5DI,oBACE,6IG8DN,CH/DI,oBACE,6IGiEN,CHlEI,oBACE,6IGoEN,CHrEI,mBACE,0IGuEN,CHxEI,mBACE,0IG0EN,CH3EI,mBACE,0IG6EN,CH9EI,mBACE,0IGgFN,CHjFI,mBACE,uIGmFN,CHpFI,mBACE,0IGsFN,CHvFI,mBACE,0IGyFN,CH1FI,mBACE,0IG4FN,CH7FI,mBACE,0IG+FN,CACF","file":"icon.css"}
1
+ {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/component/icon/_index.scss","../../src/scss/mixins/icon.scss","../../src/scss/component/icon/_variables.scss","icon.css"],"names":[],"mappings":"AAQE,wBCEA,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DESA,CFME,oBAIE,uGEMJ,CFHE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DEyCA,CFnBE,kBAIE,yGEeJ,CACF,CJxCE,oBCiCM,mEACE,uIGYR,CHbM,mEACE,uIGiBR,CHlBM,mEACE,uIGsBR,CHvBM,mEACE,uIG2BR,CH5BM,mEACE,uIGgCR,CHjCM,mEACE,uIGqCR,CHtCM,mEACE,uIG0CR,CH3CM,mEACE,uIG+CR,CHhDM,mEACE,uIGoDR,CHrDM,yEACE,6IGyDR,CH1DM,yEACE,6IG8DR,CH/DM,yEACE,6IGmER,CHpEM,yEACE,6IGwER,CHzEM,yEACE,6IG6ER,CH9EM,yEACE,6IGkFR,CHnFM,yEACE,6IGuFR,CHxFM,yEACE,6IG4FR,CH7FM,yEACE,6IGiGR,CHlGM,sEACE,0IGsGR,CHvGM,sEACE,0IG2GR,CH5GM,sEACE,0IGgHR,CHjHM,sEACE,0IGqHR,CHtHM,sEACE,uIG0HR,CH3HM,sEACE,0IG+HR,CHhIM,sEACE,0IGoIR,CHrIM,sEACE,0IGyIR,CH1IM,sEACE,0IG8IR,CACF","file":"icon.css"}
package/dist/component.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}}@layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
1
+ @layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
2
2
  /*# sourceMappingURL=component.css.map */
package/dist/component.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/component/button/_index.scss","component.css","../src/scss/component/icon/_index.scss","../src/scss/mixins/icon.scss","../src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASI,oBCDF,QACE,kKCLF,CACF,CFII,wBGCF,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DFeA,CEAE,oBAIE,uGFYJ,CETE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DF+CA,CEzBE,kBAIE,yGFqBJ,CACF,CF7CI,oBGyBE,kBACE,uIDuBN,CCxBI,kBACE,uID0BN,CC3BI,kBACE,uID6BN,CC9BI,kBACE,uIDgCN,CCjCI,kBACE,uIDmCN,CCpCI,kBACE,uIDsCN,CCvCI,kBACE,uIDyCN,CC1CI,kBACE,uID4CN,CC7CI,kBACE,uID+CN,CChDI,oBACE,6IDkDN,CCnDI,oBACE,6IDqDN,CCtDI,oBACE,6IDwDN,CCzDI,oBACE,6ID2DN,CC5DI,oBACE,6ID8DN,CC/DI,oBACE,6IDiEN,CClEI,oBACE,6IDoEN,CCrEI,oBACE,6IDuEN,CCxEI,oBACE,6ID0EN,CC3EI,mBACE,0ID6EN,CC9EI,mBACE,0IDgFN,CCjFI,mBACE,0IDmFN,CCpFI,mBACE,0IDsFN,CCvFI,mBACE,uIDyFN,CC1FI,mBACE,0ID4FN,CC7FI,mBACE,0ID+FN,CChGI,mBACE,0IDkGN,CCnGI,mBACE,0IDqGN,CACF","file":"component.css"}
1
+ {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/component/icon/_index.scss","../src/scss/mixins/icon.scss","../src/scss/component/icon/_variables.scss","component.css"],"names":[],"mappings":"AAQE,wBCEA,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DESA,CFME,oBAIE,uGEMJ,CFHE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DEyCA,CFnBE,kBAIE,yGEeJ,CACF,CJxCE,oBCiCM,mEACE,uIGYR,CHbM,mEACE,uIGiBR,CHlBM,mEACE,uIGsBR,CHvBM,mEACE,uIG2BR,CH5BM,mEACE,uIGgCR,CHjCM,mEACE,uIGqCR,CHtCM,mEACE,uIG0CR,CH3CM,mEACE,uIG+CR,CHhDM,mEACE,uIGoDR,CHrDM,yEACE,6IGyDR,CH1DM,yEACE,6IG8DR,CH/DM,yEACE,6IGmER,CHpEM,yEACE,6IGwER,CHzEM,yEACE,6IG6ER,CH9EM,yEACE,6IGkFR,CHnFM,yEACE,6IGuFR,CHxFM,yEACE,6IG4FR,CH7FM,yEACE,6IGiGR,CHlGM,sEACE,0IGsGR,CHvGM,sEACE,0IG2GR,CH5GM,sEACE,0IGgHR,CHjHM,sEACE,0IGqHR,CHtHM,sEACE,uIG0HR,CH3HM,sEACE,0IG+HR,CHhIM,sEACE,0IGoIR,CHrIM,sEACE,0IGyIR,CH1IM,sEACE,0IG8IR,CACF","file":"component.css"}
package/dist/icon.css CHANGED
@@ -1,2 +1,2 @@
1
- @layer graupl.theme{a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}}@layer graupl.theme{}@layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
1
+ @layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}}@layer graupl.theme{}@layer graupl.component{.icon{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))));background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
2
2
  /*# sourceMappingURL=icon.css.map */
package/dist/icon.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/base/link/_index.scss","icon.css","../src/scss/component/button/_index.scss","../src/scss/component/icon/_index.scss","../src/scss/mixins/icon.scss","../src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASI,oBCDF,EACE,gKCNF,CCKA,QACE,kKDAF,CALF,CFKI,oBECJ,CFDI,wBICF,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DHoBA,CGLE,oBAIE,uGHiBJ,CGdE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DHoDA,CG9BE,kBAIE,yGH0BJ,CACF,CFlDI,oBIyBE,kBACE,uIF4BN,CE7BI,kBACE,uIF+BN,CEhCI,kBACE,uIFkCN,CEnCI,kBACE,uIFqCN,CEtCI,kBACE,uIFwCN,CEzCI,kBACE,uIF2CN,CE5CI,kBACE,uIF8CN,CE/CI,kBACE,uIFiDN,CElDI,kBACE,uIFoDN,CErDI,oBACE,6IFuDN,CExDI,oBACE,6IF0DN,CE3DI,oBACE,6IF6DN,CE9DI,oBACE,6IFgEN,CEjEI,oBACE,6IFmEN,CEpEI,oBACE,6IFsEN,CEvEI,oBACE,6IFyEN,CE1EI,oBACE,6IF4EN,CE7EI,oBACE,6IF+EN,CEhFI,mBACE,0IFkFN,CEnFI,mBACE,0IFqFN,CEtFI,mBACE,0IFwFN,CEzFI,mBACE,0IF2FN,CE5FI,mBACE,uIF8FN,CE/FI,mBACE,0IFiGN,CElGI,mBACE,0IFoGN,CErGI,mBACE,0IFuGN,CExGI,mBACE,0IF0GN,CACF","file":"icon.css"}
1
+ {"version":3,"sources":["../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../src/scss/base/button/_index.scss","icon.css","../src/scss/base/link/_index.scss","../src/scss/component/icon/_index.scss","../src/scss/mixins/icon.scss","../src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AAQE,oBCCA,QACE,2LCNF,CCKA,EACE,gKDDF,CAJF,CFGE,oBEEF,CFFE,wBIEA,MCFA,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CANA,+CCMa,CDJb,+DCUY,CDoBV,yLAAA,CAxBF,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DHoBA,CGLE,oBAIE,uGHiBJ,CGdE,sCApBF,sLCUW,CDRX,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAaI,UAAA,CAnBJ,+CCMa,CDJb,+DCUY,CDJZ,0CCMK,CDNL,kCCMK,CDHL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CANA,6DHoDA,CG9BE,kBAIE,yGH0BJ,CACF,CFnDE,oBIiCM,mEACE,uIFuBR,CExBM,mEACE,uIF4BR,CE7BM,mEACE,uIFiCR,CElCM,mEACE,uIFsCR,CEvCM,mEACE,uIF2CR,CE5CM,mEACE,uIFgDR,CEjDM,mEACE,uIFqDR,CEtDM,mEACE,uIF0DR,CE3DM,mEACE,uIF+DR,CEhEM,yEACE,6IFoER,CErEM,yEACE,6IFyER,CE1EM,yEACE,6IF8ER,CE/EM,yEACE,6IFmFR,CEpFM,yEACE,6IFwFR,CEzFM,yEACE,6IF6FR,CE9FM,yEACE,6IFkGR,CEnGM,yEACE,6IFuGR,CExGM,yEACE,6IF4GR,CE7GM,sEACE,0IFiHR,CElHM,sEACE,0IFsHR,CEvHM,sEACE,0IF2HR,CE5HM,sEACE,0IFgIR,CEjIM,sEACE,uIFqIR,CEtIM,sEACE,0IF0IR,CE3IM,sEACE,0IF+IR,CEhJM,sEACE,0IFoJR,CErJM,sEACE,0IFyJR,CACF","file":"icon.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@graupl/icons",
3
- "version": "1.0.0-alpha.4",
3
+ "version": "1.0.0-beta.0",
4
4
  "description": "A plugin for Graupl that provides bare-minimum icon components.",
5
5
  "type": "module",
6
6
  "exports": {
@@ -15,7 +15,7 @@
15
15
  }
16
16
  },
17
17
  "scripts": {
18
- "prepare": "husky install",
18
+ "prepare": "husky",
19
19
  "commit": "git cz",
20
20
  "eslint": "eslint .",
21
21
  "prettier": "prettier '**/*.{js,mjs,cjs,scss,sass}'",
@@ -41,7 +41,7 @@
41
41
  "@commitlint/cli": "^19.2.1",
42
42
  "@commitlint/config-conventional": "^19.1.0",
43
43
  "@eslint/js": "^9.0.0",
44
- "@graupl/graupl": "^1.0.0-alpha.11",
44
+ "@graupl/graupl": "^1.0.0-beta.0",
45
45
  "autoprefixer": "^10.4.19",
46
46
  "commitizen": "^4.3.0",
47
47
  "cssnano": "^7.0.1",
@@ -66,6 +66,6 @@
66
66
  "stylelint-prettier": "^5.0.0"
67
67
  },
68
68
  "peerDependencies": {
69
- "@graupl/graupl": ">=1.0.0-alpha.11"
69
+ "@graupl/graupl": ">=1.0.0-beta.0"
70
70
  }
71
71
  }
package/scss/base/button.scss ADDED
@@ -0,0 +1,3 @@
1
+ // @gruapl/icons button base.
2
+
3
+ @forward "../../src/scss/base/button";
package/src/scss/base/_index.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  // @gruapl/icons base styles.
2
2
 
3
+ @forward "button";
3
4
  @forward "link";
package/src/scss/{component → base}/button/_defaults.scss RENAMED
@@ -1,4 +1,4 @@
1
- // @graupl/icons button component default values.
1
+ // @graupl/icons button base default values.
2
2
  //
3
3
  // Generally, these should not be used directly when styling components unless a static value is needed.
4
4
  // They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
package/src/scss/{component → base}/button/_index.scss RENAMED
@@ -1,12 +1,13 @@
1
- // @gruapl/icons button component styles.
1
+ // @gruapl/icons button base styles.
2
2
 
3
3
  @use "variables" as *;
4
4
  @use "pkg:@graupl/graupl/src/defaults" as root-defaults;
5
- @use "pkg:@graupl/graupl/src/component/button/variables" as button;
5
+ @use "pkg:@graupl/graupl/src/base/button/defaults" as button-defaults;
6
+ @use "pkg:@graupl/graupl/src/base/button/variables" as button;
6
7
  @use "pkg:@graupl/graupl/src/mixins/layer" as *;
7
8
 
8
9
  @include layer(theme) {
9
- .button {
10
+ #{button-defaults.$button-selector} {
10
11
  --#{root-defaults.$prefix}-icon-color: #{button.$button-color};
11
12
  }
12
13
  }
package/src/scss/{component → base}/button/_variables.scss RENAMED
@@ -1,4 +1,4 @@
1
- // @graupl/icons button componet variables.
1
+ // @graupl/icons button base variables.
2
2
  //
3
3
  // These values are to be used to directly style components and provide a
4
4
  // cleaner way to reference custom properties.
package/src/scss/base/link/_index.scss CHANGED
@@ -2,11 +2,12 @@
2
2
 
3
3
  @use "variables" as *;
4
4
  @use "pkg:@graupl/graupl/src/defaults" as root-defaults;
5
+ @use "pkg:@graupl/graupl/src/base/link/defaults" as link-defaults;
5
6
  @use "pkg:@graupl/graupl/src/base/link/variables" as link;
6
7
  @use "pkg:@graupl/graupl/src/mixins/layer" as *;
7
8
 
8
9
  @include layer(theme) {
9
- a {
10
+ #{link-defaults.$link-selector} {
10
11
  --#{root-defaults.$prefix}-icon-color: #{link.$link-color};
11
12
  }
12
13
  }
package/src/scss/component/_index.scss CHANGED
@@ -1,4 +1,3 @@
1
1
  // @gruapl/icons component styles.
2
2
 
3
- @forward "button";
4
3
  @forward "icon";
package/src/scss/component/icon/_defaults.scss CHANGED
@@ -6,6 +6,13 @@
6
6
  // They should not be used to define direct property values (i.e. font-size, color, etc.).
7
7
  // Those should be defined as custom properties in the `_variables.scss` file.
8
8
 
9
+ // Icon selectors.
10
+ $icon-selector: ".icon" !default;
11
+ $icon-before-selector: "#{$icon-selector}-before" !default;
12
+ $icon-after-selector: "#{$icon-selector}-after" !default;
13
+ $icon-prefix-selector: "." !default;
14
+ $icon-color-prefix-selector: "." !default;
15
+
9
16
  // Icon properties.
10
17
  $icon-display: inline-block !default;
11
18
  $icon-size: 1.25em !default;
package/src/scss/component/icon/_index.scss CHANGED
@@ -8,32 +8,40 @@
8
8
  @use "sass:map";
9
9
 
10
10
  @include layer(component) {
11
- .icon {
11
+ #{defaults.$icon-selector} {
12
12
  @include icon.apply;
13
+ }
13
14
 
14
- &-before {
15
- @include icon.apply("before");
16
- }
15
+ #{defaults.$icon-before-selector} {
16
+ @include icon.apply("before");
17
+ }
17
18
 
18
- &-after {
19
- @include icon.apply("after");
20
- }
19
+ #{defaults.$icon-after-selector} {
20
+ @include icon.apply("after");
21
21
  }
22
22
 
23
- @each $name, $icon in defaults.$icons {
24
- .icon-#{$name} {
25
- --#{root-defaults.$prefix}-icon: #{$icon};
23
+ #{defaults.$icon-selector},
24
+ #{defaults.$icon-before-selector},
25
+ #{defaults.$icon-after-selector} {
26
+ @each $name, $icon in defaults.$icons {
27
+ &#{defaults.$icon-prefix-selector}#{$name} {
28
+ --#{root-defaults.$prefix}-icon: #{$icon};
29
+ }
26
30
  }
27
31
  }
28
32
  }
29
33
 
30
34
  @include layer(theme) {
31
- @each $color, $map in color.$theme-active {
32
- @each $shade, $value in $map {
33
- $name: #{$color}-#{$shade};
35
+ #{defaults.$icon-selector},
36
+ #{defaults.$icon-before-selector},
37
+ #{defaults.$icon-after-selector} {
38
+ @each $color, $map in map.get(color.$themes, active) {
39
+ @each $shade, $value in $map {
40
+ $name: #{$color}-#{$shade};
34
41
 
35
- .icon-#{$name} {
36
- --#{root-defaults.$prefix}-icon-color: #{$value};
42
+ &#{defaults.$icon-color-prefix-selector}#{$name} {
43
+ --#{root-defaults.$prefix}-icon-color: #{$value};
44
+ }
37
45
  }
38
46
  }
39
47
  }
package/dist/component/button.css DELETED
@@ -1,2 +0,0 @@
1
- @layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))}}
2
- /*# sourceMappingURL=button.css.map */
package/dist/component/button.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/component/button/_index.scss","button.css"],"names":[],"mappings":"AASI,oBCDF,QACE,kKCLF,CACF","file":"button.css"}
package/scss/component/button.scss DELETED
@@ -1,3 +0,0 @@
1
- // @gruapl/icons button component.
2
-
3
- @forward "../../src/scss/component/button";