@lumx/core 2.1.9-alpha.0 → 2.1.9

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 (21) hide show
  1. package/css/design-tokens.css +73 -73
  2. package/js/constants/design-tokens.js +190 -190
  3. package/js/constants/design-tokens.min.js +1 -1
  4. package/js/constants/design-tokens.min.js.map +1 -1
  5. package/js/constants/design-tokens.ts +190 -190
  6. package/js/custom-colors.min.js.map +1 -1
  7. package/js/date-picker.min.js.map +1 -1
  8. package/js/utils.min.js.map +1 -1
  9. package/lumx.css +1 -1
  10. package/lumx.min.css +1 -1
  11. package/package.json +2 -2
  12. package/scss/_design-tokens.scss +73 -73
  13. package/scss/components/badge/_index.scss +1 -5
  14. package/scss/components/flag/_index.scss +3 -3
  15. package/scss/components/icon/_index.scss +0 -22
  16. package/scss/components/icon/_mixins.scss +2 -7
  17. package/scss/components/message/_index.scss +5 -1
  18. package/scss/components/notification/_index.scss +1 -6
  19. package/scss/components/thumbnail/_index.scss +5 -7
  20. package/scss/components/user-block/_index.scss +1 -1
  21. package/scss/core/state/_mixins.scss +2 -12
package/css/design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 08 Dec 2021 08:10:59 GMT
3
+ * Generated on Tue, 30 Nov 2021 09:20:09 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -757,7 +757,7 @@
757
757
  150,
758
758
  243,
759
759
  0.6
760
- ); /* Base primary color with 60% opacity */
760
+ ); /* Base blue color with 60% opacity */
761
761
  --lumx-text-field-state-focus-theme-light-input-content-color: rgba(0, 0, 0, 0.87); /* Neutral dark color */
762
762
  --lumx-text-field-state-focus-theme-light-input-placeholder-color: rgba(
763
763
  0,
@@ -795,42 +795,42 @@
795
795
  --lumx-color-light-L4: rgba(255, 255, 255, 0.4); /* Base light color with 40% opacity */
796
796
  --lumx-color-light-L5: rgba(255, 255, 255, 0.2); /* Base light color with 20% opacity */
797
797
  --lumx-color-light-L6: rgba(255, 255, 255, 0.1); /* Base light color with 10% opacity */
798
- --lumx-color-blue-D2: #1546c1; /* Darkest blue color */
799
- --lumx-color-blue-D1: #184ed8; /* Dark blue color */
800
- --lumx-color-blue-N: #245be7; /* Neutral blue color */
801
- --lumx-color-blue-L1: rgba(36, 91, 231, 0.8); /* Base blue color with 80% opacity */
802
- --lumx-color-blue-L2: rgba(36, 91, 231, 0.6); /* Base blue color with 60% opacity */
803
- --lumx-color-blue-L3: rgba(36, 91, 231, 0.4); /* Base blue color with 40% opacity */
804
- --lumx-color-blue-L4: rgba(36, 91, 231, 0.2); /* Base blue color with 20% opacity */
805
- --lumx-color-blue-L5: rgba(36, 91, 231, 0.1); /* Base blue color with 10% opacity */
806
- --lumx-color-blue-L6: rgba(36, 91, 231, 0.05); /* Base blue color with 5% opacity */
807
- --lumx-color-green-D2: #1a6e59; /* Darkest green color */
808
- --lumx-color-green-D1: #177a61; /* Dark green color */
809
- --lumx-color-green-N: #138669; /* Neutral green color */
810
- --lumx-color-green-L1: rgba(19, 134, 105, 0.8); /* Base green color with 80% opacity */
811
- --lumx-color-green-L2: rgba(19, 134, 105, 0.6); /* Base green color with 60% opacity */
812
- --lumx-color-green-L3: rgba(19, 134, 105, 0.4); /* Base green color with 40% opacity */
813
- --lumx-color-green-L4: rgba(19, 134, 105, 0.2); /* Base green color with 20% opacity */
814
- --lumx-color-green-L5: rgba(19, 134, 105, 0.1); /* Base green color with 10% opacity */
815
- --lumx-color-green-L6: rgba(19, 134, 105, 0.05); /* Base green color with 5% opacity */
816
- --lumx-color-yellow-D2: #ffa125; /* Darkest yellow color */
817
- --lumx-color-yellow-D1: #ffb325; /* Dark yellow color */
818
- --lumx-color-yellow-N: #ffc425; /* Neutral yellow color */
819
- --lumx-color-yellow-L1: rgba(255, 196, 37, 0.9); /* Base yellow color with 80% opacity */
820
- --lumx-color-yellow-L2: rgba(255, 196, 37, 0.8); /* Base yellow color with 70% opacity */
821
- --lumx-color-yellow-L3: rgba(255, 196, 37, 0.6); /* Base yellow color with 60% opacity */
822
- --lumx-color-yellow-L4: rgba(255, 196, 37, 0.48); /* Base yellow color with 40% opacity */
823
- --lumx-color-yellow-L5: rgba(255, 196, 37, 0.24); /* Base yellow color with 20% opacity */
824
- --lumx-color-yellow-L6: rgba(255, 196, 37, 0.12); /* Base yellow color with 10% opacity */
825
- --lumx-color-red-D2: #be1e46; /* Darkest red color */
826
- --lumx-color-red-D1: #d42148; /* Dark red color */
827
- --lumx-color-red-N: #df3050; /* Neutral red color */
828
- --lumx-color-red-L1: rgba(223, 48, 80, 0.8); /* Base red color with 80% opacity */
829
- --lumx-color-red-L2: rgba(223, 48, 80, 0.6); /* Base red color with 60% opacity */
830
- --lumx-color-red-L3: rgba(223, 48, 80, 0.4); /* Base red color with 40% opacity */
831
- --lumx-color-red-L4: rgba(223, 48, 80, 0.2); /* Base red color with 20% opacity */
832
- --lumx-color-red-L5: rgba(223, 48, 80, 0.1); /* Base red color with 10% opacity */
833
- --lumx-color-red-L6: rgba(223, 48, 80, 0.05); /* Base red color with 5% opacity */
798
+ --lumx-color-blue-D2: #1976d2; /* Darkest blue color */
799
+ --lumx-color-blue-D1: #1e88e5; /* Dark blue color */
800
+ --lumx-color-blue-N: #2196f3; /* Neutral blue color */
801
+ --lumx-color-blue-L1: rgba(33, 150, 243, 0.8); /* Base blue color with 80% opacity */
802
+ --lumx-color-blue-L2: rgba(33, 150, 243, 0.6); /* Base blue color with 60% opacity */
803
+ --lumx-color-blue-L3: rgba(33, 150, 243, 0.4); /* Base blue color with 40% opacity */
804
+ --lumx-color-blue-L4: rgba(33, 150, 243, 0.2); /* Base blue color with 20% opacity */
805
+ --lumx-color-blue-L5: rgba(33, 150, 243, 0.1); /* Base blue color with 10% opacity */
806
+ --lumx-color-blue-L6: rgba(33, 150, 243, 0.05); /* Base blue color with 5% opacity */
807
+ --lumx-color-green-D2: #388e3c; /* Darkest green color */
808
+ --lumx-color-green-D1: #43a047; /* Dark green color */
809
+ --lumx-color-green-N: #4caf50; /* Neutral green color */
810
+ --lumx-color-green-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
811
+ --lumx-color-green-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
812
+ --lumx-color-green-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
813
+ --lumx-color-green-L4: rgba(76, 175, 80, 0.2); /* Base green color with 20% opacity */
814
+ --lumx-color-green-L5: rgba(76, 175, 80, 0.1); /* Base green color with 10% opacity */
815
+ --lumx-color-green-L6: rgba(76, 175, 80, 0.05); /* Base green color with 5% opacity */
816
+ --lumx-color-yellow-D2: #ff6f00; /* Darkest yellow color */
817
+ --lumx-color-yellow-D1: #ff8f00; /* Dark yellow color */
818
+ --lumx-color-yellow-N: #ffb300; /* Neutral yellow color */
819
+ --lumx-color-yellow-L1: rgba(255, 179, 0, 0.8); /* Base yellow color with 80% opacity */
820
+ --lumx-color-yellow-L2: rgba(255, 179, 0, 0.7); /* Base yellow color with 70% opacity */
821
+ --lumx-color-yellow-L3: rgba(255, 179, 0, 0.6); /* Base yellow color with 60% opacity */
822
+ --lumx-color-yellow-L4: rgba(255, 179, 0, 0.4); /* Base yellow color with 40% opacity */
823
+ --lumx-color-yellow-L5: rgba(255, 179, 0, 0.2); /* Base yellow color with 20% opacity */
824
+ --lumx-color-yellow-L6: rgba(255, 179, 0, 0.1); /* Base yellow color with 10% opacity */
825
+ --lumx-color-red-D2: #d32f2f; /* Darkest red color */
826
+ --lumx-color-red-D1: #e53935; /* Dark red color */
827
+ --lumx-color-red-N: #f44336; /* Neutral red color */
828
+ --lumx-color-red-L1: rgba(244, 67, 54, 0.8); /* Base red color with 80% opacity */
829
+ --lumx-color-red-L2: rgba(244, 67, 54, 0.6); /* Base red color with 60% opacity */
830
+ --lumx-color-red-L3: rgba(244, 67, 54, 0.4); /* Base red color with 40% opacity */
831
+ --lumx-color-red-L4: rgba(244, 67, 54, 0.2); /* Base red color with 20% opacity */
832
+ --lumx-color-red-L5: rgba(244, 67, 54, 0.1); /* Base red color with 10% opacity */
833
+ --lumx-color-red-L6: rgba(244, 67, 54, 0.05); /* Base red color with 5% opacity */
834
834
  --lumx-color-grey-N: #757575; /* Neutral grey color */
835
835
  --lumx-color-grey-L1: rgba(117, 117, 117, 0.8); /* Base grey color with 80% opacity */
836
836
  --lumx-color-grey-L2: rgba(117, 117, 117, 0.6); /* Base grey color with 60% opacity */
@@ -838,33 +838,33 @@
838
838
  --lumx-color-grey-L4: rgba(117, 117, 117, 0.2); /* Base grey color with 20% opacity */
839
839
  --lumx-color-grey-L5: rgba(117, 117, 117, 0.1); /* Base grey color with 10% opacity */
840
840
  --lumx-color-grey-L6: rgba(117, 117, 117, 0.05); /* Base grey color with 5% opacity */
841
- --lumx-color-primary-D2: #1976d2; /* Darkest primary color */
842
- --lumx-color-primary-D1: #1e88e5; /* Dark primary color */
843
- --lumx-color-primary-N: #2196f3; /* Neutral primary color */
844
- --lumx-color-primary-L1: rgba(33, 150, 243, 0.8); /* Base primary color with 80% opacity */
845
- --lumx-color-primary-L2: rgba(33, 150, 243, 0.6); /* Base primary color with 60% opacity */
846
- --lumx-color-primary-L3: rgba(33, 150, 243, 0.4); /* Base primary color with 40% opacity */
847
- --lumx-color-primary-L4: rgba(33, 150, 243, 0.2); /* Base primary color with 20% opacity */
848
- --lumx-color-primary-L5: rgba(33, 150, 243, 0.1); /* Base primary color with 10% opacity */
841
+ --lumx-color-primary-D2: #1976d2; /* Darkest blue color */
842
+ --lumx-color-primary-D1: #1e88e5; /* Dark blue color */
843
+ --lumx-color-primary-N: #2196f3; /* Neutral blue color */
844
+ --lumx-color-primary-L1: rgba(33, 150, 243, 0.8); /* Base blue color with 80% opacity */
845
+ --lumx-color-primary-L2: rgba(33, 150, 243, 0.6); /* Base blue color with 60% opacity */
846
+ --lumx-color-primary-L3: rgba(33, 150, 243, 0.4); /* Base blue color with 40% opacity */
847
+ --lumx-color-primary-L4: rgba(33, 150, 243, 0.2); /* Base blue color with 20% opacity */
848
+ --lumx-color-primary-L5: rgba(33, 150, 243, 0.1); /* Base blue color with 10% opacity */
849
849
  --lumx-color-primary-L6: rgba(33, 150, 243, 0.05); /* Base blue color with 5% opacity */
850
- --lumx-color-secondary-D2: #388e3c; /* Darkest secondary color */
851
- --lumx-color-secondary-D1: #43a047; /* Dark secondary color */
852
- --lumx-color-secondary-N: #4caf50; /* Neutral secondary color */
853
- --lumx-color-secondary-L1: rgba(76, 175, 80, 0.8); /* Base secondary color with 80% opacity */
854
- --lumx-color-secondary-L2: rgba(76, 175, 80, 0.6); /* Base secondary color with 60% opacity */
855
- --lumx-color-secondary-L3: rgba(76, 175, 80, 0.4); /* Base secondary color with 40% opacity */
856
- --lumx-color-secondary-L4: rgba(76, 175, 80, 0.2); /* Base secondary color with 20% opacity */
857
- --lumx-color-secondary-L5: rgba(76, 175, 80, 0.1); /* Base secondary color with 10% opacity */
858
- --lumx-color-secondary-L6: rgba(76, 175, 80, 0.05); /* Base secondary color with 5% opacity */
859
- --lumx-color-accent-D2: #388e3c; /* Darkest secondary color */
860
- --lumx-color-accent-D1: #43a047; /* Dark secondary color */
861
- --lumx-color-accent-N: #4caf50; /* Neutral secondary color */
862
- --lumx-color-accent-L1: rgba(76, 175, 80, 0.8); /* Base secondary color with 80% opacity */
863
- --lumx-color-accent-L2: rgba(76, 175, 80, 0.6); /* Base secondary color with 60% opacity */
864
- --lumx-color-accent-L3: rgba(76, 175, 80, 0.4); /* Base secondary color with 40% opacity */
865
- --lumx-color-accent-L4: rgba(76, 175, 80, 0.2); /* Base secondary color with 20% opacity */
866
- --lumx-color-accent-L5: rgba(76, 175, 80, 0.1); /* Base secondary color with 10% opacity */
867
- --lumx-color-accent-L6: rgba(76, 175, 80, 0.05); /* Base secondary color with 5% opacity */
850
+ --lumx-color-secondary-D2: #388e3c; /* Darkest green color */
851
+ --lumx-color-secondary-D1: #43a047; /* Dark green color */
852
+ --lumx-color-secondary-N: #4caf50; /* Neutral green color */
853
+ --lumx-color-secondary-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
854
+ --lumx-color-secondary-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
855
+ --lumx-color-secondary-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
856
+ --lumx-color-secondary-L4: rgba(76, 175, 80, 0.2); /* Base green color with 20% opacity */
857
+ --lumx-color-secondary-L5: rgba(76, 175, 80, 0.1); /* Base green color with 10% opacity */
858
+ --lumx-color-secondary-L6: rgba(76, 175, 80, 0.05); /* Base green color with 5% opacity */
859
+ --lumx-color-accent-D2: #388e3c; /* Darkest green color */
860
+ --lumx-color-accent-D1: #43a047; /* Dark green color */
861
+ --lumx-color-accent-N: #4caf50; /* Neutral green color */
862
+ --lumx-color-accent-L1: rgba(76, 175, 80, 0.8); /* Base green color with 80% opacity */
863
+ --lumx-color-accent-L2: rgba(76, 175, 80, 0.6); /* Base green color with 60% opacity */
864
+ --lumx-color-accent-L3: rgba(76, 175, 80, 0.4); /* Base green color with 40% opacity */
865
+ --lumx-color-accent-L4: rgba(76, 175, 80, 0.2); /* Base green color with 20% opacity */
866
+ --lumx-color-accent-L5: rgba(76, 175, 80, 0.1); /* Base green color with 10% opacity */
867
+ --lumx-color-accent-L6: rgba(76, 175, 80, 0.05); /* Base green color with 5% opacity */
868
868
  --lumx-color-black-N: rgba(0, 0, 0, 0.87); /* Neutral dark color */
869
869
  --lumx-color-black-L1: rgba(0, 0, 0, 0.7); /* Base dark color with 70% opacity */
870
870
  --lumx-color-black-L2: rgba(0, 0, 0, 0.54); /* Base dark color with 54% opacity */
@@ -879,15 +879,15 @@
879
879
  --lumx-color-white-L4: rgba(255, 255, 255, 0.4); /* Base light color with 40% opacity */
880
880
  --lumx-color-white-L5: rgba(255, 255, 255, 0.2); /* Base light color with 20% opacity */
881
881
  --lumx-color-white-L6: rgba(255, 255, 255, 0.1); /* Base light color with 10% opacity */
882
- --lumx-color-orange-D2: #ffa125; /* Darkest yellow color */
883
- --lumx-color-orange-D1: #ffb325; /* Dark yellow color */
884
- --lumx-color-orange-N: #ffc425; /* Neutral yellow color */
885
- --lumx-color-orange-L1: rgba(255, 196, 37, 0.9); /* Base yellow color with 80% opacity */
886
- --lumx-color-orange-L2: rgba(255, 196, 37, 0.8); /* Base yellow color with 70% opacity */
887
- --lumx-color-orange-L3: rgba(255, 196, 37, 0.6); /* Base yellow color with 60% opacity */
888
- --lumx-color-orange-L4: rgba(255, 196, 37, 0.48); /* Base yellow color with 40% opacity */
889
- --lumx-color-orange-L5: rgba(255, 196, 37, 0.24); /* Base yellow color with 20% opacity */
890
- --lumx-color-orange-L6: rgba(255, 196, 37, 0.12); /* Base yellow color with 10% opacity */
882
+ --lumx-color-orange-D2: #ff6f00; /* Darkest yellow color */
883
+ --lumx-color-orange-D1: #ff8f00; /* Dark yellow color */
884
+ --lumx-color-orange-N: #ffb300; /* Neutral yellow color */
885
+ --lumx-color-orange-L1: rgba(255, 179, 0, 0.8); /* Base yellow color with 80% opacity */
886
+ --lumx-color-orange-L2: rgba(255, 179, 0, 0.7); /* Base yellow color with 70% opacity */
887
+ --lumx-color-orange-L3: rgba(255, 179, 0, 0.6); /* Base yellow color with 60% opacity */
888
+ --lumx-color-orange-L4: rgba(255, 179, 0, 0.4); /* Base yellow color with 40% opacity */
889
+ --lumx-color-orange-L5: rgba(255, 179, 0, 0.2); /* Base yellow color with 20% opacity */
890
+ --lumx-color-orange-L6: rgba(255, 179, 0, 0.1); /* Base yellow color with 10% opacity */
891
891
  --lumx-size-xxs: 14px;
892
892
  --lumx-size-xs: 20px;
893
893
  --lumx-size-s: 24px;