@graupl/icons 1.0.0-beta.0 → 1.0.0-beta.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.
- package/CHANGELOG.md +7 -0
- package/dist/base/button.css +1 -1
- package/dist/base/button.css.map +1 -1
- package/dist/base/link.css +1 -1
- package/dist/base/link.css.map +1 -1
- package/dist/base.css +1 -1
- package/dist/base.css.map +1 -1
- package/dist/component/icon.css +1 -1
- package/dist/component/icon.css.map +1 -1
- package/dist/component.css +1 -1
- package/dist/component.css.map +1 -1
- package/dist/icon.css +1 -1
- package/dist/icon.css.map +1 -1
- package/package.json +3 -3
- package/src/scss/base/button/_index.scss +1 -1
- package/src/scss/base/link/_index.scss +1 -1
- package/src/scss/component/icon/_index.scss +2 -2
- package/src/scss/component/icon/_variables.scss +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
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.1](https://github.com/Graupl/graupl/compare/v1.0.0-beta.0...v1.0.0-beta.1) (2024-12-06)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Code Refactoring
|
|
9
|
+
|
|
10
|
+
* **prefix:** move dash separator to be included in prefix ([82a65a6](https://github.com/Graupl/graupl/commit/82a65a6c2a3b15aaf129c14db7130efbfb904873))
|
|
11
|
+
|
|
5
12
|
## [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
13
|
|
|
7
14
|
|
package/dist/base/button.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl
|
|
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
2
|
/*# sourceMappingURL=button.css.map */
|
package/dist/base/button.css.map
CHANGED
|
@@ -1 +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,
|
|
1
|
+
{"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","button.css"],"names":[],"mappings":"AAQE,qBCCA,QACE,2LCNF,CACF","file":"button.css"}
|
package/dist/base/link.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl
|
|
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))))}}
|
|
2
2
|
/*# sourceMappingURL=link.css.map */
|
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":"AAQE,
|
|
1
|
+
{"version":3,"sources":["../../node_modules/@graupl/graupl/src/scss/mixins/_layer.scss","../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AAQE,qBCCA,EACE,gKCPF,CACF","file":"link.css"}
|
package/dist/base.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl
|
|
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/button/_index.scss","base.css","../src/scss/base/link/_index.scss"],"names":[],"mappings":"AAQE,
|
|
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,qBCCA,QACE,2LCNF,CCKA,EACE,gKDDF,CAJF,CFGE,qBEEF","file":"base.css"}
|
package/dist/component/icon.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@layer graupl
|
|
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{-webkit-margin-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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{-webkit-margin-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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 */
|
|
@@ -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":"AAQE,
|
|
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,yBCEA,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,wGCLQ,CDKR,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,0GCZQ,CDYR,yGEeJ,CACF,CJxCE,qBCiCM,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
|
|
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{-webkit-margin-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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{-webkit-margin-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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/icon/_index.scss","../src/scss/mixins/icon.scss","../src/scss/component/icon/_variables.scss","component.css"],"names":[],"mappings":"AAQE,
|
|
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,yBCEA,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,wGCLQ,CDKR,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,0GCZQ,CDYR,yGEeJ,CACF,CJxCE,qBCiCM,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
|
|
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{-webkit-margin-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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{-webkit-margin-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));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/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,
|
|
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,qBCCA,QACE,2LCNF,CCKA,EACE,gKDDF,CAJF,CFGE,qBEEF,CFFE,yBIEA,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,wGCLQ,CDKR,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,0GCZQ,CDYR,yGH0BJ,CACF,CFnDE,qBIiCM,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-beta.
|
|
3
|
+
"version": "1.0.0-beta.1",
|
|
4
4
|
"description": "A plugin for Graupl that provides bare-minimum icon components.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -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-beta.
|
|
44
|
+
"@graupl/graupl": "^1.0.0-beta.1",
|
|
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-beta.
|
|
69
|
+
"@graupl/graupl": ">=1.0.0-beta.1"
|
|
70
70
|
}
|
|
71
71
|
}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
#{defaults.$icon-after-selector} {
|
|
26
26
|
@each $name, $icon in defaults.$icons {
|
|
27
27
|
&#{defaults.$icon-prefix-selector}#{$name} {
|
|
28
|
-
--#{root-defaults.$prefix}
|
|
28
|
+
--#{root-defaults.$prefix}icon: #{$icon};
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
}
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
$name: #{$color}-#{$shade};
|
|
41
41
|
|
|
42
42
|
&#{defaults.$icon-color-prefix-selector}#{$name} {
|
|
43
|
-
--#{root-defaults.$prefix}
|
|
43
|
+
--#{root-defaults.$prefix}icon-color: #{$value};
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
}
|
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
@use "sass:map";
|
|
11
11
|
|
|
12
12
|
$icon-display: var(
|
|
13
|
-
--#{root-defaults.$prefix}
|
|
13
|
+
--#{root-defaults.$prefix}icon-display,
|
|
14
14
|
#{defaults.$icon-display}
|
|
15
15
|
);
|
|
16
|
-
$icon-size: var(--#{root-defaults.$prefix}
|
|
17
|
-
$icon-width: var(--#{root-defaults.$prefix}
|
|
18
|
-
$icon-height: var(--#{root-defaults.$prefix}
|
|
19
|
-
$icon-color: var(--#{root-defaults.$prefix}
|
|
20
|
-
$icon: var(--#{root-defaults.$prefix}
|
|
16
|
+
$icon-size: var(--#{root-defaults.$prefix}icon-size, #{defaults.$icon-size});
|
|
17
|
+
$icon-width: var(--#{root-defaults.$prefix}icon-width, #{$icon-size});
|
|
18
|
+
$icon-height: var(--#{root-defaults.$prefix}icon-height, #{$icon-size});
|
|
19
|
+
$icon-color: var(--#{root-defaults.$prefix}icon-color, #{theme.$root-color});
|
|
20
|
+
$icon: var(--#{root-defaults.$prefix}icon, none);
|
|
21
21
|
$icon-spacer: var(
|
|
22
|
-
--#{root-defaults.$prefix}
|
|
22
|
+
--#{root-defaults.$prefix}icon-spacer,
|
|
23
23
|
#{map.get(root-variables.$spacers, 2)}
|
|
24
24
|
);
|